使用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

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

猜你喜欢

转载自www.cnblogs.com/wwttc/p/12373145.html