Vue 第一天
2020-06-11 本文已影响0人
灰斗儿
使用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"
}
]
]
}