vue脚手架基础

为什么学脚手架
    开箱即用
    webpack 零配置
脚手架是什么
    是 Vue 官方提供的一套基于 webpack 的开发环境
脚手架使用流程
    1. 安装全局包
        yarn global add @vue/cli
        npm i @vue/cli -g
    2. 得到一个 vue 命令, 检查是否安装成功
        vue --version
    3. 创建项目
        vue create 项目名
            项目名不能是中文 / 特殊字符 / 大写 / 关键字(包名重名)
            选择 Vue 2 版本
    4. 进入到项目中启动项目
        cd 项目名
        yarn serve
修改脚手架的 webpack 配置
    vue.config.js
脚手架工程的各文件含义
    public/index.html
        运行的网页, 静态页面, 将来 Vue 打包就会放在这里运行
    src/main.js
        项目的入口
    src/App.vue
        根组件
单 Vue 文件
    一个 vue 文件就是一个组件
    template
        写 html 的地方
    script
        写 js 的地方
    style
        写 css 的地方
        写 less
            <style lang="less">
            装包
                yarn add less less-loader -D