vue-cli腳手架初體驗

按照網上教程初始化了一個新的目錄，開發環境沒問題，打包也沒問題，打包完以後訪問就出現了網上常常出現的路徑訪問錯誤問題，固然是用網上的解決方案也解決了，還遇到一個iview字體文件找不到的問題，寫在這作個記錄

一、build以後路徑錯誤
config/index.js build部分

assetsPublicPath: '/',//改成 './'

二、iview字體圖標不顯示/找不到字體路徑問題
/build/webpack.prod.conf.js

extract: true,//改成false

三、Eslint語法檢查問題
有時候多個分號，少個空格，沒有空格都會報錯，能夠去根目錄下的.eslintrc.js文件修改配置

rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    "indent": ["off", 2],
    'semi': 0,//取消分號
    'eol-last':0,//取消換行
    "no-irregular-whitespace":0,//取消空格
    "space-before-function-paren": 0//取消方法前空格
  }

即便這樣還有一些限制去不掉，解決方案就是不用語法檢查
build/webpack.base.conf.js，將eslint相關語法註釋或刪除

// ...(config.dev.useEslint ? [createLintingRule()] : []),

從新運行 npm run dev有效