首页 > 其他 > 详细

nvm安装到vue-cli构建项目

时间:2017-09-22 18:41:28      阅读:508      评论:0      收藏:0      [点我收藏+]

首先从 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安装到vue-cli构建项目

原文:http://www.cnblogs.com/wuzhihui/p/7576185.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!