Windows下vue-cli搭建

1.确定电脑上有没有安装node。

        打开控制台,输入node -v 看能不能出现版本号,出现版本号就是安装了;输入npm -v,检查有没有npm 包管理工具。在此附上node下载地址,直接默认安装到D盘即可即可。node自动配全局变量。

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,启动项目。

        

你可能感兴趣的:(Windows下vue-cli搭建)