如何用sublime text web开发开发webapp

来源：蜘蛛抓取(WebSpider) 时间：2016-11-26 10:35 标签： sublime text web开发
Sublime text3是一款非常好用的编辑器，package control和emmet是不可或缺的插件。
安装package control:
1、通过快捷键 ctrl+`&或者 View & Show Console 菜单打开控制台
2、粘贴以下代码后回车
import &urllib.request,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())
使用package control安装emmet:
快捷键 Ctrl+Shift+P，输入&install 选中Install Package并回车，输入emmet回车就安装了。
阅读(...) 评论()在linux下WebApp&开发工具指南
在linux下WebApp 开发工具指南
在linux下安装开发WebApp，可以使用sublime text
在本文中开发工具主要围绕sublime text展开。
sublime text 2或3
nodejs & NPM
Ruby & Sass
sublime text是一种文本编辑器，功能很多，可以安装各种插件，首先你需要安装package
control：&ctrl+shift+p呼出弹窗输入install
package来启动新弹窗来搜索你需要的插件plugin。实用的插件有：emmet，gutter
color（需要安装IamgeMagick，且还要配置conver_path）,jsHint, HTML-CSS-JS
prettify, color picker, Autoprefixer等等。
nodjs网址：nodejs.org。在ubuntu下安装方式：~$ sudo apt-get install
-y nodejs .安装会把NPM一起装上。
Gulp：使用之前安装好的NPM管理器安装gulp, 安装说明书：
Ruby &Ruby-sass：在ubuntu下安装：～$sudo apt-get install
& &～$sudo apt-get install
到此差不多开发工具可以了。至于怎么编写html可以网上搜索教程:.cn或者等。也可以到谷歌开发者看看/web/。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。2小时掌握使用Sublime快速开发APP - APICloud APP开发入门课程
课时数45课时
在学人数22人
价格 : 免费
-戳文字链查看
&戳文字链查看
&戳文字链查看
Sublime APICloud Plugins是APICloud为开发者提供的一套开源的Sublime Text扩展插件，包括：应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能，其他的功能插件也在不断增加，这些插件已被Package Control成功收录，开发者可以直接在Sublime Text3中下载安装。
html+js+css学员
使用Sublime Text 3开发移动应用，sublime开发工具windows版本必备视频，从安装到开发环环相扣层层嵌套，让你快速掌握！官网：
目录(共2章)
第1章 Sublime Text 3系列课程 - Windows版
第2章 Sublime Text 3系列课程 - Mac版酷勤网 C 程序员的那点事！
当前位置： >
浏览次数：次
你用过哪些工具开发网站？简单的 Notepad ，还是 Dreamweaver、FrontPage 。今天我们谈谈&&的 Web 开发插件。其实一个强大的文本编辑器加上一些插件已经足够了。
Package Control
在 Sublime Text 上大家都用&&来管理安装插件，所以它是我们要安装的第一个插件，安装方法见。关于 Package Control 的使用方法这里不再赘述。
Linter 是帮助你检查代码问题的一类工具，帮你发现潜在的错误或不好的代码习惯。&是检查 JavaScript 代码的好工具，支持很多编辑器和 IDE 。
Sublime 上要使用 JSHint 可以安装：&插件。注意安装这个插件前需要先安装&&以及 jshint 命令本身，更多信息见&&安装说明。简单地说就是：
安装 jshint 命令：npm install -g jshint
Package Control 安装：SublimeLinter ，重启 sublime
Package Control 安装：SublimeLinter-jshint
注：JavaScript 有许多 linter 工具，如&&、&和&&。JSLint 是 JavaScript 大师&Douglas Crockford 创作和维护的。JSHint 是 JSLint 的 fork 版，由社区维护，更可扩展、更灵活，使用者也更多，Mozilla、jQuery 都在用 JSHint 。ESLint 是另一位 JavaScript 专家& Nicholas C. Zakas 主导的社区项目。
注：SublimeLinter 是 Sublime 上&linter 类插件的 framework，所以很多 linter 都依赖这个插件。Package Control: Install Package 中输入&SublimeLinter- 会列出大量 SublimeLinter- 开头的 linter 插件，如下图：
代码中没有错误还不够，好的代码需要遵循一致的代码风格（代码不仅仅给机器用，还是给人看不是吗？）。&是检查代码风格的工具，可以配置很多代码风格规则，例如空格的要求、括号的位置等，还可以直接使用 &jQuery、Google 等代码风格方案。
Sublime 上需要安装&&。这个插件同样依赖 SublimeLinter 以及&jscs 命令本身。简单安装说明如下：
安装 jscs 命令：npm install jscs -g
Package Control 安装：SublimeLinter ，重启 sublime （如果你还没装 SublimeLinter 的话，否则请跳过）
Package Control 安装：SublimeLinter-jscs
此外，你还可以安装一个&&插件，实现自动代码格式化。
ColorHighliter
&插件可以自动显示 CSS 或 Sass 中声明的颜色，让你一目了然。默认配置下，当鼠标移到颜色变量上时背景就会变为声明的颜色。
还可以设置多种颜色显示方式，默认配置见：&&Package Settings& & &Color Highlighter& & &Settings & Default& 。例如，我们在该插件的 User 设置中做如下设置可以达到下图的显示效果：
&&&ha_style&: &filled&
&和&&是另外两个颜色相关的插件。
AutoFileName
&在你在输入文件名是提供自动提示，减少人为的输入错误。
Autoprefixer
&插件让帮你自动添加 CSS 厂商前缀，个人使用比较方便。如果是正式的项目，可以使用其它自动构建工具在构建过程中统一实现。
& 相关主题：

我要回帖

更多关于 sublime text web开发 的文章

 

随机推荐