1.确定电脑上有没有安装node。
打开控制台,输入node -v 看能不能出现版本号,出现版本号就是安装了;输入npm -v,检查有没有npm 包管理工具。在此附上node下载地址,直接默认安装到D盘即可即可。node自动配全局变量。
注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上;
2.安装好node之后,修改node全局模块和缓存的存放路径;
在nodejs的安装目录中找到node_modules\npm\.npmrc文件,在文件中写入
prefix = 你想要的全局模块安装路径
cache =你想要的缓存路径
此时虽然模块已经储存到你设置的路径下,但是用户还是无法使用这些模块,因为电脑系统还不知道你把路径给改了,这时候你要配环境变量,告诉系统你安装的模块路径在哪里,把系统变量中的NODE_PATH路径修改为你刚才配置的全局模块的路径就OK了。
3.配置cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.现在开始安装vue-cli;
打开控制台,输入 npm install -g vue-cli // 加-g是安装到全局,不管当前哪个目录,都可以用vue-cli指令这个意思,安装完成之后,输入vue回车查看是否有vue的指令,至此,就安装完成了。
5.初始化一个项目
到你想创建项目的地方,执行vue init webpack +ProjectName。
6.启动一个项目
刚才初始化好的项目,先npm install一下,下载需要的模块,下载完成后,直接npm run dev,启动项目。