一、项目依赖

1. vue-router 路由模块
2. element-ui UI组件
3. LeanCloud LeanCloud SDK

二、安装依赖

安装命令后面加上 -S 后缀，将模块安装到生产环境中

# 安装路由插件
$ npm install vue-router -S

# 安装UI组件
$ npm install element-ui -S

# 安装leanCloud SDK
$ npm install leancloud-storage -S

三、在项目中导入依赖，并注册

路由配置，我们在接下来的文章中讲。这里值得一提的是，如果 import 导入了模块，但是下面没有用上，代码是会报错的，提示定义的模块没有被使用。

import Vue from 'vue'
import App from './App'

// 导入路由组件
import VueRouter from 'vue-router'

// 导入UI组件
import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'

// 导入路由配置文件
import routerConfig from './routerConfig.js'

// 注册插件
Vue.use(VueRouter)
Vue.use(Element)

// 创建路由
const router = new VueRouter({
  routes: routerConfig
})

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