从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 就大功告成!
原创粉丝点击