前端学习一_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端学习一_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3249字，纯文字阅读大概需要5分钟。
内容图文
开始学习前端知识，做一些笔记来记录下～ 之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大。
下面记录下常用的前端工具：
- Sublime3:需要安装第三方包，一般
- Atom:继承度非常好
- VS code:智能提示非常强大
- Webstorm:大项目，建议使用
- markman:标注／测量工具（基于adobe air）
工具安装：
Sublime3安装
官网下载地址：http://www.sublimetext.com/
安装插件步骤：
第一步：安装插件的包管理器：package control 安装上
按快捷键ctrl+~ 调出命名控制行 （View > Show Console）
输入安装包管理器的代码粘贴到命令执行窗口（在联网的情况下操作，因为是在线下载包）
粘贴：
（sublime3）
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
（sublime2）
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
重启一下sublime
第二步：安装第三方插件
ctrl＋shift+p ( Preferences>package control )打开命令面板
输入install package 回车
输入包的关键字进行搜索，回车安装（左击安装第三方的包）
包管理器的官方网址 ： https://packagecontrol.io
建议安装的sublime插件：
1.ConvertToUTF8:解决文件编码转化问题
2.Emmet:快速编写html,css,js的神级插件
3.SublimeLinter:高亮有错误的代码行，也支持高亮一些注释
4.ColorPicker:颜色选择器
5.HTMLBeautify:html格式化插件
6.AllAutoComplete:自动提示
7.IMESupport:输入法支持插件
8.Material Theme:推荐主题
9.Chineselocation:qit汉化包
10.Alignment： 代码格式自动对齐
11.Bracket Highlighter：括号高亮
sublime的win 常用快捷键：
快捷键：
ctrl+/ :注释
ctrl+x\v\y\z 剪切、粘贴、重复、取消
ctrl+滚动 缩放大小
ctrl+n 新建
ctrl+回车，在光标当前行下面创建一个新行，并让光标跳到新行行首。
ctrl+shift+回车：正好相反。
ctrl+shift+v 粘贴并保持缩进
ctrl+shift+d 复制当前行
ctrl+shift+↑ 向上移动行，↓同样道理
shift+鼠标右键 选中多行同时编辑
ctrl+f查找
ctrl+h查找和替换
ctrl+[ 增加左缩进
ctrl+]增加右缩进
ctrl+g: 跳转到第几行
其他几个就不一一介绍了。
atom 官方网址： https://atom.io
webstorm 官方网址： http://www.jetbrains.com
内容总结
以上是互联网集市为您收集整理的前端学习一_html/css_WEB-ITnose全部内容，希望文章能够帮你解决前端学习一_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。