前端偷懒妙招

新手

1.熟悉与设置系统输入法

在输入法词库加入计算机方面词库

熟悉键盘快捷键和一些隐藏设置

2.用VScode写代码

插件很多,可以省很多时间

3.VS外辅助软件/插件

• 笔记软件:typora(真搞代码的笔记真不用记本子上或者IPAD拿个笔记什么的,没电脑方便)
• 截图软件:snipaste
• 电脑文字识别软件:天若OCR文字识别链接

https://pan.baidu.com/s/1K5LTTAMa8um81h3vnyTtZA 
提取码：frsv 
--来自百度网盘超级会员V4的分享

(试了一些,这个更方便,而且有快捷键且能跟上面截图软件同时存在,一起用嘎嘎爽,很适合做笔记,就是字精准度差点,而且识出来排版偶尔会有点乱,总体我觉得OK.

ps:如侵权联系我立删)

• PS切图插件:cutterman插件(付费)

官网链接:Cutterman - 最好用的切图工具

看了网上大多解决方案:用3.5的免费版本.

不过要么没给压缩包,要么得得花钱买3.5的压缩包.

PS:我觉得前端学习练手用的话应该不至于买,或者如果3.5比较便宜可以买买看吧(有钱随便),UI的话,我觉得用的多有这种会比较方便

• PS切图软件:NB Cutter(免费 )

官网链接:NB Cutter (pslkzs.com)

要加那个作者拿提取码才免费

• 开发测量软件:像素大厨
• 免费法律咨询小程序:中国法律服务网(涉及商用素材之类可以问,感觉以后知识产权问题会更受社会重视,有点意识比较好)

4.VS好用插件

1.Live server:自动保存并刷新代码,链接里有下完之后怎么打开然后一系列相关问题解决

http://t.csdnimg.cn/l7Afl

2.会了吧:代码翻译中文插件(×)

 感觉没那么实用.把你打出来的代码选取单词翻译成中文.

不是,我都打出来了我还不懂什么意思?

比较适合代码基础弱,英语基础差,直接Copy别人代码(代码量大/元素多/比较复杂)的

4.快捷键

快捷键(组合)

如果想要全的可以看其他博主,我就搞了点我自己频率高的

而且,最有效的其实是:

1. shift+ctrl+P 打开命令面板
2. 输入Configure display Language 把系统语言切换成中文版然后自己搜

代码量少的情况:

1. 快速复制一行快捷键：shift+alt+下箭头（上箭头） 或者ctr+c然后ctrl+v
2. shift + alt + f  代码自动对齐
3. ctrl+/ 快速注释
4. ctrl+S 一键保存(电脑的承受能力你想不到,血的教训我知道!答应我,手空下来就按它!基础但是有必要)
5. Ctrl+L 选中整行

代码量多的情况:

1.折叠，看自己电脑的设置，我的是

 网上很多CTRL+M+M啥的，我试了不行，打开快捷键设置一看，原来我是这样的

2.选定多个相同的单词快捷键：ctrl+d

3.添加多个光标快捷键/多行同时输入：Ctrl+Alt+上箭头（箭头）/alt+鼠标点击输入的位置

4.全局替换草写单词快捷键： ctr +h

5.快速定位到某一行(行数)快捷键： ctr+g

6.选择某个区块快捷键：按住shift+ alt然后拖动鼠标

7.放大缩小整个编辑器界面快捷链：ctr++/-ctrl+加号或者减号

8.自动换行:shift+alt+鼠标左键(拉下来)

快捷键(单一)

1.F12,网页调试页面 

2.Tab,这也算组合技吧.比如:你要打

<div class="top"></div>

你打个.top,再按tab就行了,多个类名就.top+.tah+...这样就行

快捷设置

粘贴CSS自动换行

1. CSS样式粘贴到VS提前在设置里选中这个打钩
2. 语言模式选CSS

先这样吧,都比较基础的,HTML+CSS这种学习用差不多,其他一边学一边更,有啥想法就补