基于node的Vue开发环境搭建 1、安装node/npm2、修改npm镜像3、配置环境变量（可选）4、安装webpack5、安装vue-cli
1、安装node/npm
登录nodejs官网：https://nodejs.org/en/download/，下载msi文件（这里以msi文件为例）。
])
双击下载的msi文件，一路点击next直至安装完毕。（注意，安装路径可以自己选择，但是要记住安装在了哪里）。
检测PATH环境变量是否配置了Node.js：
点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：
检查Node.js版本：
此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西.
输入npm --version 可查看npm版本
安装完成之后，由于我天朝伟大的墙的原因，需要将npm的安装地址改成国内的镜像，推荐使用taobao的，地址如下：http://registry.npm.taobao.org/，修改镜像只需要执行命令：
npm config set registry="http://registry.npm.taobao.org"npm info underscore如果出现以下类似内容，就说明镜像切换成功，可以往下操作了。
这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:Users用户名AppDataRoamingnpm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:Developnodejs】下创建两个文件夹【node_global】及【node_cache】如图：
创建完两个空文件夹之后，打开cmd命令窗口，输入：
接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，编辑“用户变量”path,
webpack是一个开源工具，所以可以直接用npm 进行管理，具体操作如下：
npm install -g webpack-g 代表全局安装，这样在任何文件夹中都可以使用webpack这个命令。 5、安装vue-clivue-cli是一个由vue官方提供的脚手架工具，用于快速搭建基于vue的一些开发框架。
执行以下命令安装：
检测vue-cli是否安装成功：
vue -V1、开发项目所必要的环境搭建好之后，去github上下载可用的空模板，是花裤衩博主写的，非常好用，地址：
https://github.com/PanJiaChen/vue-admin-template2、打开vscode，打开刚才下载的文件夹，然后在终端输入命令(此时终端已经处于当前项目的文件夹目录，所以不用再次进入)：npm install,接着输入npm run dev。就可以在浏览器看到当前项目。（如果此步骤报错，可能当前的webpack-dev-server不支持webpack4.0需要升级）。
如果自己搭建一个前端vue+node+webpack+vue-cli的项目花费时间比较多，还要配置路由等等，以上选用的模板所涵盖功能非常全面，以后开发都可基于此模板，不用自己搭建项目，只要把上述环境准备好，就可以运行模板项目
最后，把我遇到的一个错误记录一下：
导入下载的文件夹，先npm install，在npm run dev
初始化项目出错：
解决方法：
（提示版本不够）,在你的vue项目包下执行:
原因：Webpack4.0版本要匹配webpack-server3.1.1版本