使用vue/cli 创建一个简单的项目

首先，电脑安装了node.js官方要求8.9 或更高版本 (推荐 8.11.0+)

npm install -g @vue/cli
# OR
yarn global add @vue/cli

全局安装，（由于我用的是yarn 后续都使用yarn进行操作）

安装完成后有键入

vue --version

输出

@ vue/cli 4.2.2

说明安装成功。

开始创建项目

到想要创建项目的地方，键入

vue create demo 

回车

选择

然后，空格键选择

之后依据自己的需求选择即可，选择结束后自动会下载相应配置

启动项目

在项目中打开终端，键入

yarn serve

即可启动项目

添加element-ui

在终端中键入

yarn add element-ui

等待下载结束后

在main.js中全局引入element.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'element-ui/lib/theme-chalk/index.css'
import ElementUI from 'element-ui'
 
Vue.config.productionTip = false
Vue.use(ElementUI , { size: 'small'})
 
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

已经全局引入了element-ui

之后就可以愉快地写项目了！