1、安装vue-cli
npm install –g @vue/cli
安装webpack
npm install –g webpack
webpack是一个JavaScript打包器(module bundler)
2、打开命令终端，输入
node -v
npm -v
查看NodeJS和NPM的版本信息，如下图所示：
3、输入命令
vue ui
会启动一个GUI应用，并显示一个浏览器访问地址，如下图所示：
4、浏览器中输入地址，点击创建按钮，如下图所示：
5、点击“在此创建新项目”，如下图所示：
6、选择项目文件夹和包管理器，然后点击”下一步“，如下图所示：
7、选择一套预设，然后点击”创建项目“，如下图所示：
8、有时不小心重新安装了vue-cli的话，使用命令初始化项目
vue init webpack my-project
会出现错误信息，如下图所示：
9、解决办法是以管理员身份运行Windows PowerShell，如下图所示：
10、输入 Set-ExecutionPolicy -Scope CurrentUser
提示输入参数值，再次输入RemoteSigned
最后输入Y即可，如下图所示：
11、此时再使用命令行接口创建项目
vue init webpack my-project
就可以成功创建了，如下图所示：
12、项目目录结构如下图所示：
13、通过命令切换到项目目录，然后运行命令
npm run dev
即可浏览查看创建的VUE项目，如下图所示：
