vue项目实战解析

 vue项目实战

一、创建项目

1、使用vue-cli创建项目

使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），在cmd中输入一下命令：

 p npm install --global vue-clipp

 ii.创建一个基于webpack模板的新项目（$ vue init webpack 项目名称）

 iii.进入项目目录（$ cd 项目名称）

 iv.安装依赖（$ npm install）

 v.运行项目（$ npm run dev）

2、将element-ui中的添加到项目中

p p i.将element-ui安装到项目中

npm i element-ui -s

p p ii.在main.js文件中添加如下语句即可运行p

import vue from ‘vue’;p
import elementui from ‘element-ui’;p
import ‘element-ui/lib/theme-chalk/index.css’;p
import app from ‘./app’;p
vue.use(elementui);

在路由配置中加上mode:history，可以去掉“#”