如何开始一个vue +element-ui 项目

 

npm install --registry=https://registry.npm.taobao.org

1、通过cnpm使用
npm install -g cnpm --registry=https://registry.npm.taobao.org
配置淘宝安装镜像 加快速度

2、全局安装 下载到本地
cnpm install -g @vue/cli
vue/cli 是一个vue工具插件 用来快速 创建 构建 发布 vue项目的

3、创建项目
// 创建一个vue项目
vue create projectname

//cd 到项目目录下面 安装 项目需要用到的插件
cnpm install element-ui --save-dev
cnpm install vue-router --save-dev

 

import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'
import router from './router'

Vue.use(ElementUI);
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

main.js