工具手册-前端项目快速配置环境

很内向坐车都坐车顶上
145 阅读2分钟

brew下载

git下载

node管理

nvm下载和node版本管理帖子：

右键退出vscode重新打开即可。

gitlab+ssh拉取和上传代码

blog.csdn.net/qq_38232816…

  • 其中，打开公钥指令可以为： cat ~/.ssh/id_rsa.pub
  • 删除文件可以用 rm ~/.ssh/id_rsa.pub, 递归删除有内容的文件夹可以用 rm -rf ~/.ssh/xxxx
  • 可以在待复制的文件夹中打开终端，并且使用git clone http地址

npm

  • 同时下载多个依赖，用空格隔开
  • --save下载依赖将依赖写入package.json中，因此下次运行 npm install 初始化项目时会下载模块 eg. npm install --save github-markdown-css markdown-it vuedraggable

接口测试

get请求可以直接在浏览器中进行测试，输入接口地址即可。在接口还未上线时，往往需要前端mock。

yapi

  • 插件下载 image.png

  • 测试方法

  • 高级Mock 配置Mock环境运行，输入与期待值匹配时，可得到相应的期待输出。

  • 在高级Mock运行成功之后，需要在项目vue.config.js的设置相应的proxy，将对应请求都代理到mock地址，就可以成功拿到假数据。注意，修改配置文件之后，重启项目使其生效。

'/device/*':{                     // 匹配路径名
    target: 'http://mock.xxx.com/mock/10000', // 代理到mock环境中
    changeOrigin: true            //设置
}

git

创建自己的分支
  • git branch 查看当前分支
  • git checkout develop
  • git pull origin
  • git checkout -b feature_xxx 创建自己的功能分支
  • git add . 加入暂存区
  • git commit -m"feat:xxxxx" 提交
  • git push --set-upstream origin feature_xxx其中feature_xxx是自己功能分支的名称

如果遇到没有配置用户信息，可以

  • git config --global user.name "xxx"
  • git config --global user.email xxx
将dev开发分支合并到release发版分支上
  • git checkout release 切换分支
  • git merge dev 合并分支
  • git commit -m"" 创建提交
  • git push origin HEAD:refs/for/release 推送到代码审查

需要注意的是，如果在本地没有新的提交，Gerrit可能会拒绝推送

image.png 因此可以在本地创建空的提交, 再推送到Gerrit代码审查

  • git commit --allow-empty -m "Merge dev into release"
  • git push origin HEAD:refs/for/release

image.png

提交合并请求

Pull Request：在代码托管平台（如GitHub、GitLab或Bitbucket）上创建一个Pull Request，请求将自己的分支合并到develop分支。

以下是一个在GitHub上创建Pull Request的步骤：

  1. 打开你的项目仓库页面。
  2. 点击“Pull requests”标签。
  3. 点击“New pull request”按钮。
  4. 选择你的feature/your-feature-name分支作为源分支，develop分支作为目标分支。
  5. 填写PR的标题和描述，描述你的更改内容和原因。
  6. 点击“Create pull request”按钮。
版本回退
  • git log 查看commit版本号
  • git reset --soft<commit版本号> 回退，并且将文件放入暂存区
  • git reset HEAD^ 将已经提交的文件从工作区撤回到暂存区

Vue项目

npm create vite @latest

avatar
文章
阅读
粉丝