Vue具体步骤

0、准备：注册淘宝镜像

                npm config set registry https://registry.npm.taobao.org/

1、第一步：全局安装@vue/cli

                 npm install -g @vue/cli

2、第二步：切换到你要创建的目录，然后使用命令创建项目

                vue create xxxx

3、第三部：启动项目

               npm run serve

4、vue inspect > output.js

 

--------------------------------------------------------

vscode  vue打包发布

1、进入界面，选择文件、首选项、设置

2、打开settings.json文件，输入"npm.enableScriptExplorer":true,保存

3、重启Visual，重新进入界面，在左侧边菜单栏底部出现NPM脚本菜单栏里，右键点击build运行

4、执行完毕，打包文件夹dist成功生成

 

---------------------------------------

vsCode vue发布

参考视频：

https://www.bilibili.com/video/BV1w3411i7c6?p=14&vd_source=af58e28c982277b2a4a63e033dca413c

vue.config.js

1、第一步

module.exports = {

  pages: {

    index: {

      // page 的入口

      entry: 'src/main.js'

    }

  },

  lintOnSave: false,

   publicPath: process.env.NODE_ENV === 'production'

    ? '/covid19'

    : '/'

}

 

2、第二步 改名  上传服务器文件夹：/java/apache-tomcat-9.0.58/webapps

dist文件夹改名为：covid19

3、第三步 访问

  http://IP:8080/covid19