Vue

Vue 项目准备

1；安装node.js

2;安装淘宝镜像，不装也可以，之后的下载不FQ的话会很慢

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

3；安装vue.js

cnpm install vue

4；安装vue-cli脚手架

cnpm install -g @vue/cli
cnpm install -g @vue/cli-init //与2版本桥联

//安装镜像了就用cnpm没装就使用npm

5；创建项目

vue init webpack my-project  //注意： 使用前的路径，先cd 到项目文件夹

6；安装elment-ui

cnpm i element-ui -S

配置Elment-ui

在main.js 中配置

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

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

引入全局Css

在static中建立全局css文件

在main.js中引入

import '../static/common.css'

一个简单的vue项目的路由配置