前端公共脚手架

步骤

1. 新建git库,vue-cli搭建项目,传入代码库

2. 在项目中加入常用包,增加常用公共功能,如登录,鉴权等功能

3. 使用时直接拉库,修改项目名,和远程库地址

说明:1. 目前web端脚手架放在git仓库中,每次需要用的时候需要手动将脚手架clone下来并更改git仓库地址为自己的项目地址。

           2. 命令行生成脚手架功能开发中。

脚手架结构:

1. 脚手架包含vue-router、vuex、axios、less等使用案例

2. 将代理配置从vue.config.js中单独拿出来做配置文件

3. 增加了登陆页面的功能

4. 增加了鉴权和登陆的功能

5. 引用了iconfont组件库

6. 引入了element-ui组件库(全局引入,如果项目较小建议改成按需引入)

7. 待完善

使用脚手架:

1. git clone

2. 进到项目文件中:cd moedu-xxx  

3. 删除 .git文件夹

4. git init

5. git remote add origin [http://git]

6. git add .

7. git commit -m "Initial commit" (git commit 的时候要使用git提交规范)

8. git push -u origin master

你可能感兴趣的:(vue.js,前端)