Vue前端工程化环境搭建

1.安装NodeJS
进入NodeJS官网，下载对应操作系统的NodeJS，VueCli4要求NodeJS版本不低于8.9。
打开下载好的安装文件进行，注意安装的目录不要放在系统盘、不要有中文等特殊字符，然后通过单击【next】按钮直到出现【finish】按钮，完成安装。
安装完毕后，通过在NodeJS提供的命令窗口中输入“node -v”命令查看，如果显示版本号，表示安装成功。
2.安装NPM
安装完的NodeJS会默认自带npm，可以通过“npm -v”命令查看版本号。因为npm的服务器在国外，通过它下载项目依赖技术的速度比较慢，所以可以通过设置cnpm指定的国内镜像，如淘宝镜像，你可以自行决定是否安装cnpm。
3.安装Webpack
Webpack的安装非常简单，即在NodeJS的命令框中输入如下命令进行安装：

npm install -g webpack 

通过“webpack -v”命令可以查看webpack的版本号，也可以通过“npm info webpack”命令查看更多的信息。
4.安装Vue CLI
Vue CLI的最新版本是Vue CLI 4，这只是Vue创建项目的脚手架工具的版本号，并不是Vue框架的版本号。
在NodeJS的命令框中，输入以下命令进行安装。

npm install -g @vue/cli

然后可以通过“vue -V”或“vue -version”查看版本号。
5.创建Vue项目
在命令行中，进入要创建项目的文件夹，使用“vue create 项目名”的方式进行项目的创建。