开始学习前端知识,做一些笔记来记录下~

之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大。

下面记录下常用的前端工具:

  1. Sublime3:需要安装第三方包,一般
  2. Atom:继承度非常好
  3. VS code:智能提示非常强大
  4. Webstorm:大项目,建议使用
  5. 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
主题:http://www.cnsecer.com/search/sublime+text3
 
建议安装的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
 
 
 
 
 
 
 
 

前端工具之-- Sublime的更多相关文章

  1. 覆盖率测试工具gcov的前端工具_LCOV

    http://my.oschina.net/alphajay/blog/33725 1.Gcov是进行代码运行的覆盖率统计的工具,它随着gcc的发布一起发布的,它的使用也很简单,需要在编译和链接的时候 ...

  2. 前端工具之WebPack解密--使用

    接上一篇的内容继续来说,背景篇的内容主要是介绍web前端工具的出现的原因和当前主要JavaScript模块化编程的几种规范!这篇内容主要介绍webpack的初级使用! 注意:目前webpack分为两个 ...

  3. 前端工具之WebPack解密之背景

    请注意,这是一篇站在完全新手的角度上来写的文章.可能你是一个后端人员想了解前端工具的使用和概念;也可能你是一个前端小菜(还在DIV+CSS的世界里挣扎着).本文比较适合那些以前完全没有接触过WebPa ...

  4. css3前端工具

    随着CSS3的出现,CSS3讨论的话题越来越多了,现在各种教程也是多如牛毛,不比一年前的时候,找个资料要捞遍整个互联网,而且还很难找到自己需要的参考资料.从侧面也说明,CSS3对于前端工程师来说,越来 ...

  5. VS2015前端工具:NPM和Web Essentials

    VS2015前端工具:NPM和Web Essentials 1.写作背景 想在5月份前换个工作环境了,“检讨”一下自己混饭的技术水平和处世的人脉关系,觉得很不给力!为人方面,人各有志也就不纠结了,但本 ...

  6. 前端工具 - 15个最佳的 JavaScript 表单验证库

    客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...

  7. 【tool】部署前端工具

    一.部署前端工具如下: nodejsnpmwebpackvue 二.安装nodejs 1. 下载稳当版本nodejs 2. 配置环境变量 NODE_HOME=D:\soft\nodejs\ path= ...

  8. 我的前端工具集(六)Ajax封装token

    我的前端工具集(六)Ajax封装token   liuyuhang原创,未经允许禁止转载 在单点登陆中,或登陆验证后,不应该每次都验证用户名和密码, 也不应该将用户名密码存入cookie中(虽然很多都 ...

  9. 我的前端工具集(七)div背景网格

    我的前端工具集(七)div背景网格   liuyuhang原创,未经允许禁止转载 目录 我的前端工具集 有时候总觉得div颜色过于白,于是给了10%的灰 但是并不一定能解决问题,因为页面中会有不均衡的 ...

随机推荐

  1. Python 2/3 安装与运行环境设置

    Python 2/3 安装与运行环境设置: 1.Python 软件源:https://www.python.org/    下载Win版本 https://www.python.org/downloa ...

  2. HttpClient (POST GET PUT)请求

    HttpClient (POST GET PUT)请求 package com.curender.web.server.http; import java.io.IOException; import ...

  3. C/C++: C++变量和基本类型

    1. 如何选择类型的准则 当明确知晓数值不可能为负的时候,应该选择无符号类型. 使用int执行整数运算的时候,在实际应用中,short常常显得太小而long一般和int有一样的尺寸,如果数值超过了in ...

  4. iOS版本更新在APP中直接访问AppStore

    1.导入框架 #import <StoreKit/StoreKit.h> 2.添加代理 <SKStoreProductViewControllerDelegate> 3.设置跳 ...

  5. STM32 IIC

    #include "Type.h" #include "IIC.h" #include "Delay.h" void I2C_Init(vo ...

  6. Cocos2dx

    初玩Cocos2dx,多多包涵. 感觉版本之间的差异比较大,相对前面的版本来说,3.X更容易上手,更方便了. 一.安装python.我的python-2.7.3.配置环境变量 系统变量里:在Path里 ...

  7. GUI基础学习

    GUI:一.界面元素:1.容器:Jwindow    JFrame    JDidye    JApplet 2.组件:标签,文本框,按钮,下拉列表,文本域,单选框,复选框 二.布局:1.边界布局:B ...

  8. 你不知道的Spring配置文件

    Spring配置文件是用于指导Spring工厂进行Bean生产.依赖关系注入(装配)及Bean实例分发的"图纸".Java EE程序员必须学会并灵活应用这份"图纸&quo ...

  9. 【Java EE 学习 69 中】【数据采集系统第一天】【SSH框架搭建】

    经过23天的艰苦斗争,终于搞定了数据采集系统~徐培成老师很厉害啊,明明只是用了10天就搞定的项目我却做了23天,还是模仿的...呵呵,算了,总之最后总算是完成了,现在该好好整理该项目了. 第一天的内容 ...

  10. C++字符串格式化库:CPPFormatLibrary

    这个是很久之前写的,去年总结了一下,将其单独提取出来,作为一个开源库放到了GitHub上,然而CPPFormat之类的名字都已经被抢注了,结果只好注册了一个这么蛋疼的名字:CPPFormatLibra ...