Js备忘录

• 错误查询表

  • cloud.tencent.com/developer/d…

Vue备忘录

• vscode eslint配置

  • 1.npm i --save-dev eslint-plugin-html
  • 2.vscode中setting.json

        //配置eslint 
        "eslint.autoFixOnSave": true, 
        "files.autoSave":"off",
        "eslint.validate": [
           "javascript",
           "javascriptreact",
           "html",
           { "language": "vue", "autoFix": true }
         ],
         "eslint.options": {
            "plugins": ["html"]
         },
         //为了符合eslint的两个空格间隔原则
         "editor.tabSize": 2 

• 根据不同环境打包

  • blog.csdn.net/qq_34322905…

• vue中webpack具体解释

  • blog.csdn.net/u012582402/…

• Gzip的配置

  1. 避免版本使用2.0以上，npm install --save-dev compression-webpack-plugin@1.1.11
  2. 在项目根目录config/index.js 中 build 内找到 productionGzip: true
  

• ElementUI按需引入

  1.新建 src/elementUI/index，import{Button,Message} from 'element-ui' const element = { install: function(Vue) {Vue.use(Button) Vue.prototype.$message = Message}} 2.import Element from './elementUI/index' Vue.use(Element)

• vue打包项目本地运行

  • 通过express启动

    1.安装express-generator生成器 npm install express-generator -g

    2.创建一个express项目 express expressDemo

    3.进入express项目并安装依赖 cd expressDemo&npm i

    4.将打包的内容拷贝至express项目的public目录下

    5.运行express项目npm start

  • 通过serve启动

  • 1.npm install -g serve //全局安装服务

  • 2.serve -s dist // 启动服务预览

• vue打包项目服务器端通过express启动

  1.安装express-generator生成器npm install express-generator -g

  2.创建一个express项目express expressDemo

  3.进入express项目并安装依赖 cd expressDemo&npm i

  4.将打包的内容拷贝至express项目的public目录下

  5.解决刷新404问题npm install --save connect-history-api-fallback

  6.在app.js中引入

  var history =  require（' connect-history-api-fallback '）;
  var express =  require（' express '）;
  app.use('/',history()); 
  

  7.运行express项目npm start(或者使用pm2: pm2 start bin/www)

• vue-cli3多环境配置

  1.根目录下新建环境配置文件.env.st 2.添加配置参数

  NODE_ENV='st'
  VUE_APP_BASE_URL = 'http://www.st.com网页链接'
  

  3.package.json文件添加启动命令"st": "vue-cli-service build --mode st", 4.代码中获取

  process.env.VUE_APP_BASE_URL
  process.env.NODE_ENV
  

• 引用scss变量

  www.cnblogs.com/wjunwei/p/9…