vue项目环境搭建

vue依赖nodejs所以先安装nodejs

下载安装NODEJS：

https://nodejs.org
下载对应版本的nodejs然后进行安装（可指定安装目录）
配置nodejs全局、缓存模块的目录（先创建对应目录）

（npm 命令是在cmd命令窗口下使用的命令）

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

环境变量设置：
用户变量，
path 中将原有的那个值中带有npm的值替换为 D:\Program Files\nodejs\node_global
系统变量，
添加NODE_PATH 值为D:\Program Files\nodejs\node_global\node_modules
测试： npm install express -g
查看配置：npm config ls -l
原本的镜像：https://registry.npmjs.org/
可选：（

　　配置tb镜像：npm config set registry https://registry.npm.taobao.org
　　配置完成后检验是否成功：npm config get registry

）

可选：(

安装cnpm：

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

)

安装@vue/cli和webpack、webpack-cli：

以下命令会出现过时的警告信息，先不管：
npm install -g @vue/cli
npm install -g webpack webpack-cli
进入要创建项目的目录中执行创建项目my-vue（项目名称）
@vue/cli4.5.3创建项目的新的方式：vue create test
以旧的方式创建：vue init webpack my-vue（此处会有选择安装的方式，router以后都选NO，npm的那个是项目环境依赖必须安装）

（本人学的时候是旧的教程先按照旧的来搞，这个教程搞完再用新的方式）
然后按提示步骤启动项目
进入项目目录：cd my-vue
启动项目：npm run dev

然后按提示在浏览器中输入http://localhost:8080/就ok，开始接着学习vue的使用方式。