环境：
macOS
安装nodejs：
brew install nodejs查看版本：
node -v
npm -v安装vue：
npm install -g @vue/cli查看vue的版本：
vue -V@vue/cli 4.5.13
1、vue-cli脚手架创建项目：
首先，创建一个目录：
mkdir vue-front-blog
cd vue-front-blog然后创建项目：
vue create .
选择‘Manually select features’?，
?
?
?
安装中......
?安装成功：
注意：element-ui只支持2.6以下的版本，Vue3.0要使用element-ui就要使用element-plus！！！?
在该项目中安装element-plus：
vue add element-plus
?安装中......：
?
import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import installElementPlus from './plugins/element'
const app = createApp(App)
installElementPlus(app)
app.use(store).use(router).mount('#app')2、vue cli4中使用normalize.css、axios、nprogress
normalize.css支持包括手机浏览器在内的超多浏览器，同时对HTML元素，排版，列表，嵌入的内容，表单和表格都进行了一般化。尽管这个项目进行了一般化的原则，但我们还是在合适的地方使用了更实用的默认值。
作用（官网描述）：
- 保护有用的浏览器默认样式而不是完全去掉它们；
- 一般化的样式：为大部分HTML元素提供；
- 修复浏览器自身的bug并保证各浏览器的一致性；
- 优化CSS可用性：用一些小技巧；
- 解释代码：用注释和详细的文档来
安装normalize.css：
npm install --save normalize.cssmain.js引入：
import 'normalize.css/normalize.css'
如果引入報錯，可能没有安装css-loader 和style-loader：
npm install css-loader style-loader
安装axios、nprogress：
npm install -save axios nprogressmain.js引入：
import 'nprogress/nprogress.css'