VUE开发环境搭建

VUE环境安装

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

下载完成后，双击打开，进行安装(傻瓜式安装)，建议安装至非C盘

安装完毕后通过cmd命令窗，查看是否安装成功

node -v

显示版本号即为安装成功

二、设置全局模块存放路径与缓存路径

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

2、设置缓存文件夹

npm config set cache "D:\node\node_cache" //缓存
npm config set prefix "D:\node\node_global" //全局模块存放路径

引号里为文件夹路径，设置成功后，使用npm install XXX -g 安装以后模块就在node_global文件夹里

三、安装镜像（类似阿里云的maven中央仓库镜像）

安装时间有点长

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

四、环境变量（重要）

小编是从控制面板里直接搜索“系统”，大家可以从此电脑 >> 属性里找

1、先修改Path属性

2、新建变量NODE_PATH

3、验证环境变量是否成功

cnpm -v

如提示：‘cnpm’ 不是内部或外部命令，也不是可运行的程序，就检查下Path里的环境变量

五、安装VUE

利用cnpm安装，时间略长

cnpm install vue -g

如下：

六、安装全局vue-cli

cnpm install vue-cli -g

验证命令

vue -V

七、创建一个vue项目

1、打开存放新项目的文件夹，按住shift 单击鼠标右键，打开cmd命令框

2、创建新项目

vue init webpack-simple mytest  //mytest为项目名称

然后填写一系列的选项

3、进入到项目

cd mytest
cnpm install // 安装项目
cnpm run dev //运行项目

运行信息

最终弹出这个页面，安装结束