您的位置:首页 > Web前端 > Vue.js

vue项目准备工作

2020-01-02 20:37 218 查看

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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: