1. 程式人生 > >vue專案環境安裝

vue專案環境安裝

一、環境安裝
  • 安裝 node
    • 官網直接下載安裝包,按步驟安裝
    • cmd 命令輸入 node -v ,出現版本號即可
    • cmd 輸入 npm -v, 出現版本號即可(用於安裝依賴)
    • npm install 經常太慢,所以可以下載淘寶映象, 使用 cnpm install xxx,速度會快很多
  • 安裝 vue 腳手架
    • cnpm install vue-cli -g
  •  安裝webpack
    • cnpm install webpack -g
  二、構建專案
  • vue 和 webpack 的結合
  • vue init webpack project (project 為專案名稱)
  • 啟動專案
    •  cnpm install  (安裝依賴包,一般安裝則用cnpm, 會比較快)
    •  npm run dev  (啟動專案)
    •  npm run build  (打包專案)
  • 專案框架
                         
  • 安裝less
    • 安裝less依賴   cnpm install less less-loader --save 
    • 修改webpack配置,在webpack.base.conf.js => module => rules     
      •   {
                 test: /\.less$/,                  loader: "style-loader!css-loader!less-loader"           }            做完以上基礎架構的搭建,就可以開始進行專案編碼了