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);

巴特西

vue项目准备工作

最新文章

热门文章