記錄一下基於vue2.x+vue-cli3.x構建項目及構建後大概過程和需要的依賴

記錄一下基於vue2.x+vue-cli3.x構建項目及構建後大概過程和需要的依賴，每次建項目就忘光光了

1. node+npm+webpack+vue+vue-cli
   node:node.js官網 （node -v 參考10.x）
   npm:新版nodejs安裝後有npm（npm -v 參考6.x）
   cnpm: 淘寶鏡像 安裝命令，先清除淘寶鏡像，再安裝，安裝以後cnpm沒反應的時候也可以這麼做

   npm config set registry http://registry.cnpmjs.org 
   npm install cnpm -g --registry=https://registry.npm.taobao.org
   

   webpack:中文官網

   全局 cnpm install webpack -g
   項目中 cnpm install --save-dev webpack
   

   vue: 官網

   cnpm install vue
   

   vue-cli 官網

   npm install -g @vue/cli
   

2. cmd => vue ui 創建一個基於vue-cli3.x的項目
   創建時需要選擇的一些依賴和成功之後的項目目錄下圖（綠色的不是）
3. 有項目之後，根目錄下創建vue.config.js，webpack相關

   module.exports = { }
   

4. 創建一些需要的文件夾styles(存放樣式)、utils（js）、api(接口)
   爲了方便訪問，設置alias （vue.config.js）

   const path = require('path')
   function resolve (dir) {
     return path.join(__dirname, dir)
   }
   module.exports = {
   	configureWebpack: {
       // provide the app's title in webpack's name field, so that
       // it can be accessed in index.html to inject the correct title.
       name: name,
       resolve: {
         alias: {
           '@': resolve('src'),
           'assets': resolve('src/assets'),
           'styles': resolve('src/styles'),
           'api': resolve('src/api'),
           'utils': resolve('src/utils'),
           'views': resolve('src/views')
         }
       }
     }
   }
   

   引入

   import {} from '~styles/test.css'
   

5. 環境變量和模式 官網
6. 需要的插件
   qs: 數據序列化
   axios:請求
   …
7. styl 全局引入變量 自動化導入
8. 新電腦安裝出現的問題 轉自
   
   cnpm install
   cnpm : 無法加載文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1，因爲在此係統上禁止運行腳本。有關詳細信息，請參閱 https:/go
   .microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
   所在位置 行:1 字符: 1

• cnpm install

• CategoryInfo : SecurityError: (😃 []，PSSecurityException

• FullyQualifiedErrorId : UnauthorizedAccess

  1.在win10 系統中搜索框 輸入 Windos PowerShell
  選擇 管理員身份運行
  
  2，打開了powershell命令行之後,輸入
  set-ExecutionPolicy RemoteSigned
  然後更改權限爲A
  最後通過 get-ExecutionPolicy 查看當前的狀態