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