从nvm安装到vue-cli构建项目
来源:互联网 发布:淘宝产品详情图片尺寸 编辑:程序博客网 时间:2024/05/20 06:26
首先从 https://github.com/coreybutler/nvm-windows/releases 下载Nvm到本地
然后把本地Nvm包解压安装 并从安装路径下找到settings.xml打开,并在后面加上
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
然后从cmd中进入nvm的安装路径 并执行 nvm install v6.11.2(这里是版本号)
接下来 执行 nvm on v6.11.2 从而使用该版本的Nodejs
然后进入Nodejs的安装目录 设置npm的源为淘宝源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
把npm的路径加入到系统环境变量中例如 npm D:\Nvm\nvm\v6.11.2
并在Path最前面加入 %npm%\;
重新打开cmd 输入 npm -v 如果出现版本号则是配置全局npm成功
运行 npm install -g vue
npm install -g vue-cli
npm install -g webpack
从https://git-scm.com/download/win下载Git 并安装
进入vue、vue-cli所在的文件夹 运行vue init webpack Demo_9_1
然后根据提示填写信息遇到Y/N就输入y 回车
然后进入所构建好的项目Demo_9_1
运行npm install
npm run dev(用于启动一个8080端口)
在浏览器输入http://127.0.0.1:8080
看到Welcome to Your Vue.js 就大功告成!
然后把本地Nvm包解压安装 并从安装路径下找到settings.xml打开,并在后面加上
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
然后从cmd中进入nvm的安装路径 并执行 nvm install v6.11.2(这里是版本号)
接下来 执行 nvm on v6.11.2 从而使用该版本的Nodejs
然后进入Nodejs的安装目录 设置npm的源为淘宝源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
把npm的路径加入到系统环境变量中例如 npm D:\Nvm\nvm\v6.11.2
并在Path最前面加入 %npm%\;
重新打开cmd 输入 npm -v 如果出现版本号则是配置全局npm成功
运行 npm install -g vue
npm install -g vue-cli
npm install -g webpack
从https://git-scm.com/download/win下载Git 并安装
进入vue、vue-cli所在的文件夹 运行vue init webpack Demo_9_1
然后根据提示填写信息遇到Y/N就输入y 回车
然后进入所构建好的项目Demo_9_1
运行npm install
npm run dev(用于启动一个8080端口)
在浏览器输入http://127.0.0.1:8080
看到Welcome to Your Vue.js 就大功告成!
阅读全文
0 0
- 从nvm安装到vue-cli构建项目
- vue-cli构建项目
- vue-cli构建项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli 快速构建项目
- vue-cli快速构建Vue项目
- 用vue-cli构建vue项目
- Vue.js脚手架vue-cli构建项目
- vue-cli构建vue项目步骤
- 利用 vue-cli 构建一个 Vue 项目
- 脚手架vue-cli构建vue项目
- Vue.js脚手架vue-cli构建项目
- Vue学习之环境构建--------vue-cli构建vue项目
- 备份压缩命令
- JS实现表单多文件上传样式美化支持选中文件后删除相关项
- JAVA设计模式之单例模式
- Photoshop-Apple所有设备和切图尺寸(更新中)
- TP5 列出记录集
- 从nvm安装到vue-cli构建项目
- go 指南--接口方法篇(接口以及方法的运用)
- linux(centOS7)安装nginx
- java中数据类型
- 云原生(Cloud Native)- 移动App研发新范式
- 【Java8】Java8体验(一)lambda表达式语法
- 史上最全的CSS hack方式一览
- wepy框架
- JS实现网页换肤