vue项目准备工作（一）

1.写文档：

• 产品说明、工作日志、接口说明文档、数据库说明文档、项目架构说明文档等····

• 例如：后台管理系统：商品的管理、店铺的管理、店铺类别管理、管理员的管理、用户管理等·····
  　　   前端渲染。前端站点、首页，用户界面。搜索。类别。详情。api:接口。

2.vue脚手架

1. 全局安装vue的脚手架
    cnpm install @vue/cli -g
2. 查看版本号
    vue -v
3. 创建项目
    vue create 项目的名字（不能出现大写字母）
4. cd 项目 进入项目

5. npm run server 运行项目

3.vue配置文件

1.在项目的根目录下创建 vue.config.js的文件

2. 配置
        module.exports ={
        //配置之后，重新启动项目 cnpm run serve
        devServer :{
            open : true; //是否自动打开浏览器
            host : "127.0.0.1"，
            port : 80 //端口号80
        }
    }

4.使用element组件

1、安装ElementUI
　　 cnpm install element-ui -s

2、在main.js中引入Element-UI
 　　import ElementUI from 'element-ui'
　　 import 'element-ui/lib/theme-chalk/index.css';//样式

3、使用element
　　Vue.use(ElementUI);