1. 程式人生 > >vue的安裝及基本配置項筆記

vue的安裝及基本配置項筆記

1、安裝

    (1)下載並安裝 node.js
    (2)npm install 安裝 npm,可繼續安裝 cnpm(npm install -g cnpm)或直接下一步

2、新建

    (1)找到或新建一個 vue 專案的資料夾,shift + 右擊開啟命令列視窗,安裝腳手架(cnpm install -g vue-cli)
    (2)vue init webpack vue-music (vue-music 是專案名,自命名)
    (3)跟據接下來的提示操作完,專案就建立好了
    

3、vue 專案建立好後,往往需要修改某些配置項

    (1)在 package.json 中新增依賴,版本號去 GitHub 上找,全域性搜尋該檔名,出現的第一條即是。
        在 dependencies 中有:
        a、babel-runtime        // 識別 ES6 
        b、fastclick        // 取消移動端點選 300 毫秒的延遲
        在 devDependencies 中有:
        a、stylus 和 stylus-loader
        b、babel-polyfill        // 補丁,能對 ES6 中的 Promise 做轉譯
    (2)eslintrc.js 中的修改
        a、'eol-last': 0,    // 忽略行後的空格或空行
        b、'space-before-function-paren': 0,    // 忽略 function 與 () 中間是否有空格
        c、'indent': 0,    // 首行縮排
        d、'no-tabs': 'off',    // 空格
    (3)配置 alias 別名
        在 bulid 資料夾下的 webpack.base.conf.js 檔案中修改

注意:修改了 package.json 中的檔案後,需要先儲存,再 npm install,在 npm run dev 才生效。修改了 eslintrc.js 中的檔案需要重新 npm run dev 才生效。