Vue 第一天

使用vue-cli，快速创建项目

安装Vue-cli

vue-cli 在国外，安装慢，需通过国内镜像安装

安装国内淘宝npm仓库

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后再用cnpm安装vue-cli

cnpm i - g vue-cli

国外直接安装

npm install -g @vue/cli

安装element-ui(babel7 需修正一些问题)

按需引入
借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。

首先，安装 babel-plugin-component：

npm install babel-plugin-component -D

创建.babelrc, 可不创建，写入vue脚手架cli 自动创建的babel.config.js文件中

{
  "presets": [["@babel/present-env", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}