git部署，eslint的坑，build打包问题

0113（git部署，eslint的坑，build打包问题）

#一，git部署

1.从gitlab远程仓库中clone一个已经初始化的项目

git clone “git@192.168.6.3:training2020/fe/project-h5-02.git”

2.使用vue-cli初始化一个新项目

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FufPhMK7-1618391316067)(C:\Users\35661\AppData\Roaming\Typora\typora-user-images\image-20210114124823613.png)]

3.将第2步用vue-cli创建的项目中，除了git和readme文件以外的其他文件，copy至第1步从远程仓库中clone的文件夹中

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HuJ3aHC5-1618391316071)(C:\Users\35661\AppData\Roaming\Typora\typora-user-images\image-20210114124851255.png)]

4.因为远程仓库中master分支有权限限制，无法将本地仓库push，所以先要在本地创建一个分支，用git创建一个feature分支，以便后续开发时能够将本地仓库的代码提交至远程仓库

git checkout -b feature-oms master

5.查看所有的配

$ git config --list --show-origin

6.用户信息

安装完 Git 之后，要做的第一件事就是设置你的用户名和邮件地址。 这一点很重要，因为每一个 Git 提交都会使用这些信息，它们会写入到你的每一次提交中，不可更改：

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com

7.检查配置信息

git config --list

你可以通过输入 git config <key>： 来检查 Git 的某一项配置

$ git config user.name
John Doe

8.提交新分支中的内容

git status //查看状态

git add . //添加至本地仓库

git commit -m “add: init vue-cli”

git push http://192.168.6.3/training2020/fe/project-h5-02.git feature

9.之后就可以看到创建的分

10.整个环节

1，先在本地创建一个dev分支跟远端的dev分支一样

git checkout -b dev //选择dev分支

2.将远端的dev分支pull下来

3，再创建一个自己的Mxy分支

git checkout -b Mxy

这样远程也就有了一个和本地自己一样的分支。并且这个分支上的文件回默认和dev上的相同。
之后每次提交时就和github提交一样了

git add .

git commit - m “add:提交信息”

5.切换分支

git checkout dev

6.将远端dev分支的代码拉取下来

git pull origin dev//拉取最新代码

4，讲自己的分支push到远端

git push -u origin Mxy//提交到远端

7.切换回到自己的分支

git checkout Mxy

8.在自己的分支上将dev上的pull下来的代码合并到自己的分支

git merge dev

9.将之前提交的代码推到远程

git push origin Mxy

二eslint打包

lint not found

Vue脚手架取消ESLint校验

ESLint是插件化的 JavaScript 代码检测工具，使用脚手架的时候会使用eslint来实现代码的质量检测，但是真正在书写代码的时候要时刻记住这些 “标准”可能有点难受，比如结尾不加分号，使用单引号，首行俩个空格缩进等

vue.config.js：

module.exports = {
    // 取消ESLint校验
    lintOnSave: false
}

自动修复ESLint语法格式

npm run lint --fix
yarn lint --fix

三build打包

bulid打包后dist文件夹下index.html打开为空白页问题的解决办法

'/' 指的是项目的根目录，'./' 指的是当前目录

vue.config.js：

module.exports = {
  // 配置项目打包之后静态资源存放的根URL，默认为'/'
  publicPath: './'
}