windows搭建vue开发环境并跑一个项目

一、搭建vue环境

一、安装node.js（https://nodejs.org/en/）

 

安装到后来有一个勾选install啥玩意的 我是选上了 然后finish之后会出一个继续继续的东西 点完就安装python装上以后有用

二、设置nodejs prefix（全局）和cache（缓存）路径

1、在nodejs安装路径下，新建node_global和node_cache两个文件夹

 

 2、打开你的cmd设置缓存文件夹:　

npm config set cache "D:\node\node_cache"

3、设置全局模块存放路径  ：之后用命令npm install XXX -g安装以后模块就在node_global里

npm config set prefix "D:\node\node_global"

 4、设置之后npm config ls

 设置成功

三、基于 Node.js 安装cnpm（淘宝镜像）

npm install -g cnpm --registry=https://registry.npm.taobao.org

 四、设置环境变量

　　一般是自动配置 如果不是：在path里面加d:/node 和 d:/node/node_global

五、安装Vue

cnpm install vue -g

六、安装vue命令行工具，即vue-cli 脚手架

cnpm install vue-cli -g

二、用webstorm跑项目

一、运行项目配置

设置这些玩意：

其中Scripts就是package.json里面的这部分：

 

 

 但是会报错 说 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序

　　解决办法：在 webstorm的命令行里 cnpm install