vue的安装及基本配置项笔记

首推一个很精致的 vue 博客：这可能是vue-cli最全的解析了……

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 才生效。

4、创建 vue 模板，一键生成 vue 页面

    首先安装 vetur 插件，然后再制定模板
    定制模板的方法
    vscode 中使用 eslint 与 vetur 来规范 vue 项目