![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工具使用
文章平均质量分 50
前端开发工具安装,使用方法介绍
小霞同学
保持热爱,奔赴下一场山海~
展开
-
VSCode: ESLint + Prettier 代码语法检查和格式化
介绍一下如何在 vscode 中通过 eslint + prettier 来对代码进行语法检查。目前我们的项目主要是 tsx 为主,接下来的配置说明也将以 tsx 为主。很简单,两个插件长这样如果只是代码格式和语法检查:在vscode Setting文件中写好相关配置就行~{ "editor.formatOnSave": true, // 值设置为true时,每次保存的时候自动格式化;值设置为false时,按Command+Shift+F 格式化代码 "editor.defaultFor.原创 2021-09-29 18:24:12 · 298 阅读 · 0 评论 -
git commit 绕过代码检查
首先是我在用到这个命令时的背景,本地分支合并master分支后(为了自己提前解决一些冲突)再提交mr,请求将本地分支合并到master分支。问题就出在,本地分支合并master分支解决完冲突后的commit,因为master分支上更新了很多内容,导致commit时,有非常多的文件被更新了git commit提交不上,报了很多错误,我一看竟然都是eslint语法报错,而且都来自master分支更新过来的文件,估计是一些历史遗留问题这时候肯定没时间依次去修改,只能绕错pre-commit钩子中es.原创 2021-08-18 11:13:44 · 2984 阅读 · 0 评论 -
vscode常用插件
Auto Close TagAuto Rename TagBracket Pair ColorizerChinese (Simplified) Language Pack for Visual Studio CodeCSS PeekDebugger for ChromeGit HistoryGitLens — Git superchargedHTML SnippetsImport CostIntelliSense for CSS class names in HTMLopen in .原创 2021-08-02 20:26:59 · 95 阅读 · 0 评论 -
vue项目中如何设置支持多语言(i18n插件)
首先可以先下i18n插件的官方文档引入流程:安装插件npm install vue-i18n引入// i18n.jsimport Vue from 'vue';import VueI18n from 'vue-i18n';import msgs from '@/utils/lang/messages';// 注册i18nVue.use(VueI18n);function toLowerCaseKey(obj) { // iOS safari 10.2之前 语言代原创 2021-06-21 19:01:06 · 611 阅读 · 1 评论 -
git相关操作
// 基本方法: git mv <old name> <new name>// 区分大小写的重命名 - 例如 . 从 casesensitive 到 CaseSensitive - 你必须使用两步:git mv casesensitive tmpgit mv tmp CaseSensitive// 或者git mv foldername tempname && git mv tempname folderName...原创 2021-01-19 18:21:32 · 87 阅读 · 0 评论 -
sourceTree推送报错Unknown author
开发完一段功能之后,使用sourceTree推送代码,出现错误:remote: ERROR: Unknown author:xxxx, your user nickname in gitlab is xxxxxxx. 'xxxxxxxxx' in commit 错误原因:修改代码的username和远程仓库中的username不一致。解决:1、首先使用git config --global user.name "xxxxxxxx"修改本地username;2、重新以修改后的username.原创 2021-04-13 19:48:27 · 358 阅读 · 0 评论 -
Git和SVN版本管理的区别
最主要的区别:????GIT是分布式的,SVN不是集中式和分布式版本控制系统的区别看这里这是GIT和其它非分布式的版本控制系统,例如SVN,CVS等,最核心的区别。需要做一点声明,GIT并不是目前第一个或唯一的分布式版本控制系统。还有一些系统,例如Bitkeeper, Mercurial等,也是运行在分布式模式上的。但GIT在这方面做的更好,而且有更多强大的功能特征。GIT跟SVN一样有自己的集中式版本库或服务器。但GIT更倾向于被使用于分布式模式,也就是每个开发人员从中心版本库/服务器上chect原创 2021-03-26 17:29:05 · 120 阅读 · 0 评论 -
markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-03-10 21:26:35 · 54 阅读 · 0 评论 -
git clone速度过慢
背景: git clone vue源码,由于一些qiang的原因,最开始进入github就挺慢的,git clone的时候无敌巨慢!!排除本地网络的原因,大概率是q和代理的原因解决:可以先切换下克隆方式,https或者ssl…以下重点!如果可以使用代理,速度仍然很慢使用github的镜像网站进行访问,github.com.cnpmjs.org,我们将原本的网站中的github.com进行替换。例如:访问 https://github.com/替换为访问:https://git原创 2021-02-04 11:01:31 · 108 阅读 · 0 评论 -
vscode设置保存代码,自动按照eslint语法格式化代码
首先安装扩展 Vetur 和 ESLint打开设置,右上角找到这个小图标:以下代码 粘进去! Over!!! "files.associations": { "*.vue": "vue" }, "eslint.options": { "extensions": [ ".js", ".vue" ] }, // 保存后自动修复格式 "editor.codeA.原创 2021-01-29 17:10:42 · 150 阅读 · 0 评论 -
npm和yarn 安装包命令对比
npmnpm install X:会把X包安装到node_modules目录中不会修改package.json之后运行npm install命令时,不会自动安装Xnpm install X –save:会把X包安装到node_modules目录中会在package.json的dependencies属性下添加X之后运行npm install命令时,会自动安装X到node_modules目录中之后运行npm install–production或者注明NODE_ENV变量值为原创 2021-01-27 15:22:09 · 232 阅读 · 0 评论 -
Git & Gitlab 工作流
一、Git工作流1、开发流程在master分支或功能开发分支切出个人开发分支推荐命名规则:[开发者姓名简拼]/[类型]-[命名],开发者姓名简评有冲突可后缀添加工号类型包括:fix/fixbug、feat/feature等,命名可以自定义,推荐有jira的使用jira-[JIRA_ID],例如: ,经办人为敬睿峰,对应的分支名为 jrf/jira-HUIBEN-775有confluence,使用confluence-[confluence_pageId],例如,http://confluenc原创 2021-01-22 16:43:22 · 704 阅读 · 0 评论 -
MAC下解压(.xip)文件
在安装Xcode的时候,我从官网下载了一个Xcode的安装文件,但是这个文件是(.xip)压缩文件解压方法:在downloads目录下打开shell去除解压验证: xattr -d com.apple.quarantine Xcode_12.3.xiplocalhost:Downloads lichenxia$ xattr -d com.apple.quarantine Xcode_12.3.xip...原创 2021-01-21 10:29:10 · 4064 阅读 · 1 评论 -
前端常用Linux命令
命令行工具(常用命令)ssh登录:ssh root@10.211.55.8cdcd 文件夹名 // 进入文件夹cd … // 返回上一级文件夹目录lsls // 显示不隐藏的文件与文件夹ls -l //显示不隐藏的文件与文件夹的详细信息ls -al //显示所有文件与文件夹的详细信息cp拷贝文件:cp nginx.conf nginx.conf.bakmv移动文件:mv nginx.conf nginx.conf.bak2rmrm 文件名 // 删除文件原创 2021-01-20 16:32:07 · 95 阅读 · 0 评论 -
Mac下终端工具iTerm2使用
首先普及下linux shell现在我们使用的操作系统(Windows、Mac OS、Android、iOS 等)都是带图形界面的,简单直观,容易上手;然而在计算机的早期并没有图形界面,我们只能通过一个一个地命令来控制计算机。对于图形界面,用户点击某个图标就能启动某个程序;对于命令行,用户输入某个程序的名字(可以看做一个命令)就能启动某个程序。这两者的基本过程都是类似的,都需要查找程序在硬盘上的安装位置,然后将它们加载到内存运行。换句话说,图形界面和命令行要达到的目的是一样的,都是让用户控制计算机。原创 2021-01-20 15:48:35 · 675 阅读 · 0 评论 -
完整卸载 MAC 上面的 VSCode
第一步:退出 VSCode 应用第二步:输入如下指令,删除 VSCode 的设置和配置sudo rm -rf $HOME/Library/Application\ Support/Code第三步:输入如下指令,删除 VSCode 的插件sudo rm -rf $HOME/.vscode第四步:从 Application 中移除 VSCode...原创 2021-01-20 10:18:20 · 1952 阅读 · 2 评论 -
APP内H5调试方法
Android安卓机 +相应app的debugger包+ 一根数据线 +翻墙+chrome1、打开手机开发者模式和usb调试功能2、数据线连接手机和电脑3、chrome浏览器 调试工具 chrome://inspect/#devices4、打开手机内的h5就能在chrome调试工具中看到相应的页面啦5、在chrome中点击你想调试的h5下面的inspect在chrome调试工具中无法找到相应的H5?检查是否成功访问外网确保下载的app开启了debugger模式ios尝试过几原创 2021-01-19 17:34:15 · 3363 阅读 · 0 评论 -
Mac上配置gitlab
1. 安装git首先,打开mac的终端,输入以下命令,检查自己的mac上是否已经安装git。git --version如果没有安装,个人推荐使用homebrew安装brew install git安装完后配置全局用户信息git config --global user.name "username" # 设置gitlab的用户名git config --global user.email "xxxx@yyy.com" # 设置gitlab的邮箱2. 配置ssh公钥git有两种通信方式原创 2021-01-19 11:52:50 · 2169 阅读 · 0 评论 -
MAC安装yarn
1.安装使用Homebrew安装yarn Homebrew安装方法brew install yarn如果你使用nvm来管理node版本的话,使用以后命令安装brew install yarn --without-node// 或者brew install yarn --ignore-dependencies2.使用1.创建一个新项目yarn init添加依赖yarn add [package]yarn add [package]@[version]yarn add [pa原创 2021-01-19 11:37:47 · 1195 阅读 · 0 评论 -
MAC安装node.js
step 1:访问nodejs官网https://nodejs.org/en/ ,下载稳定版step 2:双击刚下载的文件,按步骤默认安装就行step 3:安装完成后打开终端,输入npm -vnode -v两个命令,如出现版本信息,说明安装成功。...原创 2021-01-19 11:29:17 · 86 阅读 · 0 评论 -
国内MAC电脑安装homebrew
自动脚本(全部国内地址)(在Mac os终端中复制粘贴回车下面脚本)(已经安装过brew的请自行备份后,再运行下面的安装脚本!!!!!)安装脚本:/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"卸载脚本:/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUnins原创 2021-01-19 11:28:02 · 323 阅读 · 0 评论 -
前端开发环境搭建(工具使用)
迅雷用于之后下载一些安装包,速度较快命令行工具shift + 鼠标右键:在此处打开powershellnode + 文件名: 在node中执行文件输入部分文件名 + Tab: 自动补全文件名↑:上一条命令Ctrl + C: 上一条命令工具的顶端右键 --> 属性 --> (取消)快速编辑(在安装一些东西时,鼠标不小心点了容易出错,就要点击Enter或取消快速编辑)切换当前目录到D盘下:cd / (到C盘根目录)d: (到D盘根目录了哈哈)vsode快捷键原创 2021-01-20 15:56:28 · 1998 阅读 · 0 评论