使用vscode创建第一个vue项目以及出现的问题

VSvode创建vue项目

1、确认必要环境已安装

VScode和nodejs必须安装好
VScode下载地址：https://code.visualstudio.com/Download添加链接描述
nodejs下载地址：https://nodejs.org/en/download添加链接描述
　　安装完成后使用cmd测试是否安装成功（下图表示成功）

2、创建vue项目（打开VScode）

打开终端（快捷键Ctrl+~）

全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目 npm install -gvue-cli

安装webpack，它是打包js的工具

npm install -g webpack

安装完成之后就可以开始创建vue项目

vue init webpack vue1

如果报如下错误：

解决办法：

a：在windows系统中打到windows powerShell,并以管理员身份运行它

b：输入set-ExecutionPolicy RemoteSigned 回车

c：输入y确认

d：再执行(安装完成之后就可以开始创建vue项目)即可
运行后按照提示输入名称然后其他回车默认 在install vue-router时选择yes 下面几个选择no 然后回车等待下载完成

出现下图表示程序运行成功

3、运行项目

执行命令：cd vuetest
执行命令：npm run dev

浏览器访问：http://localhost:8080

4、项目打包发布线上

重新打开一个终端
输入命令：npm run build
会在项目目录中生成一个dist的文件夹，将此文件夹放到nginx容器中即可运行。