安装淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org
1. element-ui
npm i element-ui -S
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
element-ui 中文官网
组件 | Elementhttps://element.eleme.cn/#/zh-CN/component/tabs%23tab-pane-attributes
2.router
npm install vue-router@3.0.0
import VueRouter from 'vue-router'
Vue.use(VueRouter)
配置路由 在router下index.js中进行配置
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import Login from '../components/Login.vue'
export default new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes :[
{
path: '/',//url路径
component: Login //引用组件
},
{
path: '/about',
component: () => import('../views/AboutView.vue')
}
]
})
main.js文件中设置
import router from './router'
new Vue({
router,
render: h => h(App),
}).$mount('#app')
3.less
npm install less@4 --save-dev
npm install less-loader@7 --save-dev
4.axios
npm install --save axios