Vue開始一個項目

1.建立Vue 項目

 

vue init webpack name 

2.安裝經常使用依賴

　　根據需求安裝經常使用依賴：router（路由） axios（交互） vuex（狀態管理） less, sass（css預處理器） fastclick （處理移動端click事件300毫秒延遲）

npm i -S vue-router axios vue-axios vuex less less-loader fastclick

 

　　less 依賴須要在build/webpack.config.js 下配置:

{
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader"
}

　自定義公用的 less文件，主要用到less的變量，  如何全局使用這些變量 ，修改： build/utils.js   

修改 less: generateLoaders('less'), //須要安裝 npm install -D sass-resources-loader

less: generateLoaders('less').concat({
     loader: 'sass-resources-loader',
       options: {
         resources: path.resolve(__dirname, '../src/common/css/index.less') // 根據本身地址來
       }
    }),

　　 less 依賴的使用 添加lang:

<style lang="less">
 body{color:@color-bg}
</style>

　　fastclick 依賴的引入和使用

import FastClick from 'fastclick'
FastClick.attach(document.body)

3.修改eslintrc.js: 修改一些es6語法檢查過濾項    es6語法規則 

　　最好統一一個規範

"indent":0, // 縮進
"space-before-function-paren":["error","never"], // 在函數括號以前須要或不容許空格,never 毫不
"no-tabs":'off', // 禁止全部標籤
"no-unused-expressions": 0 // 短路求值和三目運算都容許

4.Vue風格指南