
IDE
前端开发IDE工具使用:webstorm, VSCode
peade
前端开发
展开
-
vscode eslint 报 Cannot find module ‘eslint-plugin-babel‘
今天使用vscode 开发项目,在项目里一直报Cannot find module 'eslint-plugin-babel'。 在项目里看,这个依赖是在package.json里是有的,而且确定是已安装过。出现这种状态,是使用了vscode工作区的功能,就是一个窗口里,有多个项目。我这次打开项目,就出现了其中一个项目 报了这个错。 单独窗口打开项目没有这个报错。从网上查了半天,也没找到解决方法。最后在github上vscode-eslint上的一个issue找到了一个解决方法。这个方法就是通过open原创 2022-04-25 18:13:43 · 2192 阅读 · 0 评论 -
【vscode】工作区几个错误配置
今天用工作区开发项目,在vscode里,给代码报了几个错误错误: eslint No Babel config file detected解决方法:.vscode/settings.json 中配置: "eslint.workingDirectories": [ { "mode": "auto" } ],Ï错误: Cannot find type definition file for ‘babel__template’.Ï解决方法 .vscode/settin原创 2022-04-22 15:02:03 · 728 阅读 · 0 评论 -
git rebase 操作
rebase 命令操作创建分支分支main基于main分支创建test分支main和test分支操作main分支创建a0.txt, 并committest分支创建b0.txt,并commitmain 分支创建a1.txt, 并committest 分支创建b1.txt,并commit4个commit的时间线为main分支test分支commit时间hashtest add b110:074444main add a110:063333原创 2021-07-02 10:37:44 · 919 阅读 · 0 评论 -
vs code中 prettier对js不起作用设置
.vscode目录下的settings.json里,加入edtior相关配置{ // settings.json中的其他配置信息 //.... // 设置编辑器的默认格式化工具为prettier "editor.defaultFormatter": "esbenp.prettier-vscode", // 为javascript语言指定格式化工具为prettier "[javascript]": { "editor.defaultFormatter": "esbe原创 2021-06-28 14:05:53 · 2221 阅读 · 0 评论 -
npm源调整-全局、单个包、单个项目
修改全局源npm config set registry https://registry.npm.taobao.org/单个包下载指定源npm install gulp --registry=https://registry.npm.taobao.org/单个项目下指定源在项目根目录里新建.npmrc文件在.npmrc文件里,写入内容registry="https://registry.npm.taobao.org/"...原创 2020-11-18 11:08:50 · 2783 阅读 · 0 评论 -
vscode插件推荐:nest comment, 代码块注释
vscode自带的注释功能,不支持对html内部存在注释的代码块进行注释。这个插件就能解决这个问题。安装插件 nest comment注释操作快捷键:ctr+alt+/最终效果如下: <!-- <noscript> <!~~ <strong >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly wit原创 2020-10-29 20:37:20 · 1412 阅读 · 2 评论 -
拥抱正版免费的jetbrain IDE EAP版
jetbrain家的ide有很多没有community版本,需要付费买授权。很多人困于钱包,选择了盗版。实际上,jetbrain家还提供了EAP(early acess program)版本,功能没有限制,可以免费试用。这个版本虽然功能上有些不稳定,但是,它是免费的。据说是每隔30天就需要重装一次,实际上这也不麻烦,多点一下而已。...原创 2020-10-14 13:21:57 · 2603 阅读 · 1 评论 -
win笔记本组合键的快捷方式
在win笔记本上,键盘空间有限,有的地方,一个键包含两个功能。例如有的电脑上将 PageDown键和Insert键放在一个位置,PageDown是默认的功能,要使用Insert键功能,需要按住Fn+Insert, 才能起作用。git bash的复制复制快捷方式是ctr/shift+insert, 那么在笔记本上,真正的快捷键操作应该是 ctr/shift+fn+insert...原创 2020-08-29 10:29:29 · 333 阅读 · 0 评论 -
VS code 设置vue文件模版
第一步,进入User Snippets方法一: File --> Preferences --> User Snippets方法二:左下角齿轮 —> User Snippets进入设置在User Snippets 里输入vue, 选择 vue.json (有的vscode 版本是vue),进入vue.json进行配置详细配置如下所示{ // Place your snippets for vue here. Each snippet is defined under原创 2020-07-02 14:31:01 · 2574 阅读 · 0 评论 -
prettier配置项说明
printWidth 编辑器每行的长度,默认80tabWidth 制表符tab的宽度,默认值是2useTabs 代码缩进是否用制表符tab,默认falsesemi 是否使用分号,默认true,使用分号singleQuote 是否使用单引号,默认为false,不适用单引号,使用双引号quoteProps 对象属性的引号使用as-needed 仅在需要的时候使用consistent...原创 2020-01-06 22:46:51 · 8058 阅读 · 0 评论 -
prettier与eslint规范联合使用
我们常用的eslint规范有standard,airbnb等。这些规范,再用上prettier进行代码格式化,会出现冲突。在prettier的官方文档里,提供了解决这种冲突的方法。安装需要的包需要预先安装prettier 和eslint-config-prettiernpm i -D prettier eslint-config-prettier编辑.eslintrc.jsonpret...原创 2020-01-06 22:04:34 · 2385 阅读 · 0 评论 -
糟糕,我的console.log 不打印出信息了
今天下午,我在调试的时候,发现console.log死活打印不出信息了,非常奇怪。最后发现原因在这里,注意红框的地方,要把相应的信息选上,才能出现console的打印信息。...原创 2019-10-22 17:36:50 · 8588 阅读 · 1 评论 -
关闭webstorm提示 empty tag doesn't work in some browsers
用webstorm开发项目模版组件的使用方式都是自定义的标签样式使用,例如,<common-head />当使用这种闭合方式时,webstorm会提示empty tag doesn't work in some browsers.关闭这种警告的方式具体设置如下图,按黄线标明的方式设置上就可以了。...原创 2019-10-17 11:58:03 · 3277 阅读 · 0 评论 -
webStorm中File Watchers设置编译文件范围(忽略编译)
在webStorm中,file Watchers的功能非常强大。我们会用file Watchers里的SCSS,Babel等功能去自动编译scss和js文件。在实际使用中,我们需要在自动编译的时候,对某些文件夹或文件忽略,不进行自动编译。我自己在使用babel时,发现babel会对lib文件夹中的js自动编译。这不是我所需要的,我需要babel在自动编译时,忽略lib文件夹里的文件,编译其...原创 2017-08-16 17:34:59 · 4631 阅读 · 1 评论 -
webstorm设置babel,使用es6
网上有很多关于如何设置babel的。我学习着设置,但总差那么几步,没能满足我的需求。我使用的是webStorm2017.1版本。babel安装准备 使用webStorm自带的filewatcher中的babel自动编译前,需要安装一些babel库全局安装babel-clinpm install -g babel-cli 网上有些教程让全局安装ba...原创 2017-08-01 13:29:57 · 19178 阅读 · 4 评论 -
恢复webStorm项目的默认配置
最近在开发的时候,配置了eslint,在用ctrl+alt+L进行代码格式化的时候,jquery的调用会强制换行。例如:// 格式化前$('#book').text('bookName')// 格式化后$('#book') .text('bookName')为了不出现这样的格式化效he果,我在webstorm的设置里找了很久,都没找到设置的位置。最后的解决方法是,删...原创 2018-08-27 15:41:44 · 9346 阅读 · 0 评论 -
vscode 格式化后函数后空格被删
在搞小程序的eslint支持,发现配置好.eslintrc的standard规范后,在vscode里操作代码格式化,发现函数后的空格被删,例如:// 格式化前function a (){ console.log(1111)}// 格式化后 不符合eslint规范,会报警告function a(){ console.log(2222)}解决方法是:文件–>...原创 2018-12-21 14:32:05 · 14818 阅读 · 0 评论 -
【转载】HTML CSS 特殊字符表
来源:https://www.cnblogs.com/fml1com/p/5149269.htmlHTML CSS 特殊字符表HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字...转载 2019-01-27 13:35:59 · 552 阅读 · 0 评论 -
npm报错Error: ENOENT: no such file or directory
最近用cnpm 安装 spritejs,一直在报这个错,网上查了许多,也没找到问题。最后多次尝试,在重新设置了一次cnpm后,就好了。npm install -g cnpm --registry=https://registry.npm.taobao.org执行完这个,提示有很多文件更新了,再次安装spritejs就好了。这就说明cnpm之前用的版本可能是太旧了,所以才出问题了。...原创 2019-02-02 22:47:32 · 12075 阅读 · 1 评论 -
移动web开发手机测试,解决手机无法打开开发网址问题
windows系统作为开发机在web开发中,我们用webpack做打包工具,例如vue-cli,create-react-app这类的脚手架工具。我们在网上查如何用手机测试,都会告诉我们去配置devServer。devServer的配置项,如下所示。 useLocalIp: true,host: '0.0.0.0',但是我们用手机号打开本机web服务的网址时,有时候发现还是打不开。...原创 2019-02-25 21:06:45 · 1629 阅读 · 0 评论 -
webstorm 快捷键不起作用,怎么办?
ctr+shift+f是webstorm全局查找的快捷键在我的电脑上,按这个快捷键不起作用了。怎么按,都不出现搜索的弹窗!这是为什么呢?原因在于有其他软件设置的快捷键也是这个,快捷键冲突了。解决方法,就是查看电脑正在运行的软件中,有没有设置了同样快捷键的。在我的电脑里,就是输入法的快捷键中繁简切换就是这个快捷键。在输入法的设置力,改掉这个快捷键,就可以了。...原创 2019-08-30 23:16:56 · 1443 阅读 · 0 评论 -
webstorm 代码格式化设置与eslint standard一致
新弄了个vue项目,使用的eslint是standard规范。新建项目,用webstorm打开项目,顺利开搞,结果一到vue组件里,就报红色叹号错误了。这里就需要配置一下webstorm里的code style打开配置路径:file--->settings,打开webstorm配置窗口配置js格式化规范配置html/vue组件在do not i...原创 2019-09-19 18:51:44 · 9008 阅读 · 1 评论 -
vscode中格式化末尾新空行
在file-Preferences-settings,按下图设定原创 2019-10-11 17:14:13 · 3867 阅读 · 0 评论 -
解决webstorm启动索引文件卡死问题
当项目里用npm安装了babel-cli之类的包时,webstorm在索引node_modules文件时,会卡死接近这个问题的办法是把node_modules文件夹排除在文件索引之外。步骤:1、在node_modules文件夹上点右键,弹出右键菜单2、在右键菜单里选Mark Directory as,会在这个的右侧出现一个子菜单3、在子菜单里选 带 exclude的那个这样...原创 2017-08-19 15:19:50 · 6276 阅读 · 0 评论