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 -g vue-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容器中即可运行。