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

TRANSLATE with

Bing Webmaster Portal