前端公共脚手架

35次阅读

共计 509 个字符,预计需要花费 2 分钟才能阅读完成。

步骤

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

正文完
 0