使用Sublime Text3开发AngularJs

之前的Sublime环境安装插件弄得有点乱,卸载了重新安装;

1. 安装sublime: https://www.sublimetext.com/3

2. 注册:

—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

3. 安装package  controller:

https://packagecontrol.io/installation

命令: Alt+`  输入 sublime 3 对应的命令

4. 安装AngularJs

Ctrl+Shift+P  --> package  install --> angularjs

安装

5. 安装HTMLPrettify

设置node的命令路径

6. 浏览器预览:

选择Tools - Build System - New Build Syatem...

然后粘贴代码

{

"cmd": ["chrome", "${file}"],

"working_dir": "${file_path}",

"shell":true,

"variants":

[

{

"name": "Run",

"cmd": [ "firefox","${file}"]

}

]

}

保存成 html.sublime-build

将其中的chrome 和firefox换成你希望的浏览器的路径,

然后在编写html时,设置Build System为html,就可以通过ctrl+B启动chrome打开html,shift+ctrl+B启动firefox 打开html

我的-->

{

"cmd": ["C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "${file}"],

"working_dir": "${file_path}",

"shell": true,

"variants": [{

"name": "Run",

"cmd": ["C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe", "${file}"]

}]

}

Ps: 常使用的快捷键:

文件栏的隐藏和展开: Ctrl+K,B

代码缩略图: Ctrl+Shift+p  打开命令面板,输入:toggleminmap

Ctrl+D  Ctrl+shift+L Ctrl+L  滚轮  Ctrl   多重选择

查找和替换:Ctrl+F  F3(Next )  Shift+F3(Previous)   Ctrl+H   Ctrl+Shift+F

Alt+Shift+1,2,3,4   5 8  9   多窗口开发

F11   Shift+F11  免打扰开发

Ctrl+P   文件选择

Ctrl +   Ctrl -   代码放大缩小

tab   补全代码

ctrl+shift+h  html prettify 格式化选中的代码

ctrl+B  shift+ctrl+B 浏览器中预览

Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容(再次按住继续选择父括号)

Alt+. 闭合当前的标签
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码

Ctrl+Shift+UP 与上行互换
Ctrl+Shift+DOWN 与下行互换
Ctrl+Enter 插入行后
Ctrl+Shift+Enter 插入行前

Ctrl+J 合并行(已选择需要合并的多行时)

Ctrl +KK, 从光标处删除至行尾
Ctrl+Shift+K 删除光标所在的整行

-=-=-=--=-=-=-=-=-=我是分割线

这是我暂时使用的开发Angularjs的环境,有不同的方式的朋友可以给我补充O(∩_∩)O~~

时间: 2024-10-14 10:03:30

使用Sublime Text3开发AngularJs的相关文章

sublime text3 开发 TypeScript 插件及配置

1.安装sublime text3 ,网上有很多,也可以留下联系方式和我要一下,我不知道怎么上传文件在这里,知道的亲们可以告诉我一下. 2.下载TypeScript,地址:https://visualstudiogallery.msdn.microsoft.com/2d42d8dc-e085-45eb-a30b-3f7d50d55304,安装. 3.这里重点介绍几个sublime text3 开发TypeScript的插件 1.T3S ,下载地址:https://github.com/Railk

sublime text3 开发微信小程序插件

最近微信小程序挺火的所以就准备弄一个小程序玩一玩,但是使用sublime text3开发起来发现没有语法高亮,代码提示很不爽所以就百度了一下,发了了一个挺有意思的插件,在这里记录一下! 安装: 1.通过 Package Control: Install Package 搜索 Sublime wxapp 进行安装 2.用git克隆到Sublime的插件安装目录. 为了提高wxml的补全效率,需要选择菜单(Preferences > Settings),在打开的Preferences.sublime

sublime text3安装angularjs插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 首先提供一个破解版的sublime text 3的下载地址:http://pan.baidu.com/s/1gdzjBs3 另外,你要自己去进行Sublime text 3 中Package Control 的安装.具体的安装步骤如下: 首先下载Package Control 主文件下载:https://github.com/wbond/package_contr

在Sublime Text3 开发Node.js遇到的一个小问题

原文摘自我的前端博客,欢迎大家来访问 http://www.hacke2.cn 以前的Sublime Text 2包管理出现问题了,不能安装新包,让人开发很捉急,今天装了个3,这个问题解决了 那我们就一起用Sublime Text 3 来玩Node.js吧! cn node说的很清楚,在这里就不细表 http://cnodejs.org/topic/51ee453af4963ade0ebde85e 这里说说他们说的一个问题 重新运行后端口占用 我也是在这边搞了半天,最后用下面方法解决的 { //

Sublime Text3开发工具安装emmet插件

第一步:Sublime Text导入Package Control 自动安装: 1.打开Sublime Text -->View --> Show Console 菜单打开控制台 2.粘贴Text3版本的代码后回车安装 适用于 Sublime Text 3: import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.ins

windows系统下sublime text3开发工具前端配置

1.打开https://www.sublimetext.com/3下载最新版Sublime Text 3安装. 2.打开packagecontrol安装方法按提示安装packagecontrol,或者直接打开view->Show Console在弹出的命令行中粘贴下面的代码片段,然后按回车等待packagecontrol安装完成:import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee

Sublime Text3前端开发配置_CRPER

Plugin(插件)  ==> 插件名字--->默认快捷键  (CSS3comb 和autoprefix 需要nodejs,你懂的 ) CSS3(更加丰富的css3规则和高亮) DOCBLOCKr --- default keybind:/** + 回车键(注释插件,不解释) Emmet(前端开发必备神器) JSformat(JS格式神器) --- default keybind : CTRL + ALT +F Autoprefix(补齐多浏览器的CSS3前缀) --- CTRL + SHIF

Sublime Text3 C++及Java开发环境配置

一.C++开发环境配置 1. 下载MingW 2. 环境变量配置,系统属性->高级设置->环境变量,如果Mingw装在c盘更目录,其它自己思考 (1)PATH  变量值中加入 C:\MinGW\bin (2)LIBRARY_PATH  变量值中加入 C:\MinGW\lib, (3)C_INCLUDEDE_PATH  变量值中加入 C:\MinGW\include 用Sublime Text3 新建C++ 编译系统,设置为以下代码: { "cmd": ["g++&

在windows环境下基于sublime text3的node.js开发环境搭建

首先安装sublime text3,百度一堆,自己找吧.理论上sublime text2应该也可以.我只能说一句:这个软件实在是太强悍了. 跨平台,丰富的插件体系,加上插件基本上就是一个强悍的ide了.目前我在使用的主要是Emmet.Python.还有一些格式化的插件(xml,json),加上这次安装的node.js. node.js的安装就不用多说了,直接http://nodejs.org/ 点击install下载window版本的安装程序后安装即可.默认的安装会将安装目录加到path环境变量