vue 项目引入 element-ui 组件

1. 局部安装 vue-cli 4.5.15 和项目创建：

npm init -y                 # 初始化项目依赖文件
cnpm i -D @vue/cli          # 安装脚手架  咋vue/cli后面可以指定版本 比如 @vue/[email protected]
npx vue -V 或者 vue -V      # 查看 vue-cli 的版本号
npx vue create xxxx         # 创建项目

2. 项目创建好设置自动打开浏览器：
   

3. 补充全局安装
   3.1 全局安装 vue-cli2.9.6 和项目创建：

   npm i webpack -g 				# 安装webpack
   npm i vue-cli -g				# 安装脚手架
   vue init webpack demo		# 创建项目
   

   3.2 全局安装 vue-cli4.5.15 和项目创建：

   npm install -g vue/[email protected] 				# 用npm安装脚手架
   # or
   yarn global add vue/[email protected]				# 用yarn安装脚手架
   vue create demoxxx										# 创建项目
   # or
   vue ui 																# 创建项目
   

4. element-ui 引入

   1. 安装：cnpm i element-ui -S

   2. 引入 element-ui 引入组件时分为两种方式，一种是全局引入，一种是按需引入

      2.1 全局引入：
      
      ​ 2.2 按需引入，只引入需要引入的组件，以达到减小项目体积的目的【执行打包后通过生成的dist文件夹大小可以分析】：
      ​ 2.2.1 首先，安装 babel-plugin-component; npm install babel-plugin-component -D
      ​ 2.2.2 其次将 .babelrc/babel.config.js 修改为： ​ 2.2.3 引入需要的组件