sublime 官方正版,自己用的插件配置,最轻量级安装流程
到了一家新公司,新的办公电脑,移动工作站哦,配置很酷。需要自己安装编码环境,node.js(http-server)是必须要装的,编辑器个人比较喜欢sublime,现在归纳一下配置流程,ps:本人有点强迫症:必须官方正版,讨厌各种不透明插件。。。
- 第一步:官网安装,完成后先把证书给验证了,这算是“买”正版了吧
- —– BEGIN LICENSE —–
- Michael Barnes
- Single User License
- EA7E-821385
- 8A353C41 872A0D5C DF9B2950 AFF6F667
- C458EA6D 8EA3C286 98D1D650 131A97AB
- AA919AEC EF20E143 B361B1E7 4C8B7F04
- B085E65E 2F5F5360 8489D422 FB8FC1AA
- 93F6323C FD7F7544 3F39C318 D95E6480
- FCCC7561 8A4A1741 68FA4223 ADCEDE07
- 200C25BE DBBC4855 C4CFB774 C5EC138C
- 0FEC1CEF D9DCECEC D3A5DAD1 01316C36
- —— END LICENSE ——
- 第二步:安装package control组件,然后直接在线安装:
- 按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
- 粘贴以下代码到底部命令行并回车:
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())
- 重启Sublime Text 3。
- 如果在Perferences->package settings中看到package control这一项,则安装成功。
- 第三步:安装各种插件:1、通过"ctrl+shift+p"打开命令面板 2、输入"install package"打开安装插件面板
Emmet(语法)、html5(h5模板)、Alignment(对齐Ctrl+Alt+A)、html-css-js prettify(格式化Ctrl+Shift+H)、jQuery(提示)、SublimeLinter(高亮)、AutoFileName(找文件)、DocBlockr(模块注释)、SidebarEnhancements(侧边栏)、JSFormat(对齐js,比如cshtml)
- 第四步:安装功能型插件:
autoprefixer(自动添加浏览器私有前缀)、less(node:npm install -g less less-plugin-clean-css sublime: LESS、LESS2CSS),个人喜欢将自动编译给false掉。
另外 按“F12”在编译器中快速使用浏览器打开,需要安装"view in browser":
1.在SublimeText下打开该路径:preference - 按键绑定-用户
2.{ "keys": ["F12"], "command": "open_in_browser" }
vscode 用户设置:
- {
- "window.zoomLevel": 0,
- "workbench.colorTheme": "Dobri Next -A03- Mirage",
- "workbench.startupEditor": "newUntitledFile",
- "editor.fontSize": 18,
- "prettier.tabWidth": 4,
- "editor.formatOnSave": true,
- "vetur.validation.template": false,
- "scss.lint.vendorPrefix": "ignore",
- "scss.lint.unknownProperties": "ignore",
- "vetur.format.defaultFormatter.html": "js-beautify-html"
- }
sublime 官方正版,自己用的插件配置,最轻量级安装流程的更多相关文章
- Sublime Text 3下载-汉化-插件配置
Sublime Text 3下载 不用说是上官方下载地址:http://www.sublimetext.com/3 Sublime Text 3 免费使用方法 Sublime Text 2的时候还有一 ...
- vim学习、各类插件配置与安装
vim学习.各类插件配置与安装 vim 插件 配置 1. vim学习 vim基础学习:根据网上流行基础文章<简明Vim练级攻略>,进阶书籍<vim实用技巧>.注:进阶书籍可以在 ...
- vim学习、各类插件配置与安装【转】
转自:https://www.cnblogs.com/forest-wow/p/6916531.html 1. vim学习 vim基础学习:根据网上流行基础文章<简明Vim练级攻略>,进阶 ...
- Sublime Text 2 快捷键 插件配置
一.前言之前 从设计到前端,有过一段时间是懵懵懂懂的状态,缺乏对整个职业更加深入的了解.后来混迹于各个前端大牛的博客,在各个QQ群里聆听各路大神的经验之谈,坚定了前端之路的信心.一直收藏各类精华的帖子 ...
- sublime text3前端开发插件配置以及使用(个人喜爱)
第一步下载软件接着Ctrl +~ (回车)把下面安装包管理添加到sublimeimport urllib.request,os; pf = 'Package Control.sublime-packa ...
- sublime text3安装以及插件配置教程
http://blog.csdn.net/feizaosyuacm/article/details/54729891 本文是安装的Sublime Text3是portable version(可移动版 ...
- 在 Sublime Text 2 中使用 SFTP 插件快速编辑远程服务器文件
在 Sublime Text 2 中使用 SFTP 插件快速编辑远程服务器文件 开源程序 浏览:29555 2013年05月02日 文章目录[隐藏] 常见的工作流程 SFTP 安装和使用方法 第一步: ...
- Sublime Text 介绍、用法、插件等
个人常用插件: AlignmentBracket Highlighter 此插件能完成括号高亮匹对DocBlockrEmmentNodejsPackage ControlPrefixr CSS3中 ...
- Sublime Text 前端开发常用扩展插件推荐
Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text ...
随机推荐
- [PHP] defunct僵尸进程
1.如果子进程先于父进程退出, 同时父进程又没有调用wait/waitpid,则该子进程将成为僵尸进程 2.如果fork完就不管了可以使用 忽略子进程信号, 防止僵尸进程 pcntl_signal(S ...
- Java学习笔记之——集合
集合是类,用来存储多个数据,有属性.方法 集合是一个可变数组,保存相同元素并且长度可变 1. 体系 (1)Collection:存储一个一个的值 Iterable: Iterable<T> ...
- H5移动端rem适配
/** * 移动端自适应 */ <meta name="viewport" content="width=device-width,user-scalable=no ...
- 后端开发者的Vue学习之路(二)
目录 上篇内容回顾: 数据绑定 表单输入框绑定 单行文本输入框 多行文本输入框 复选框checkbox 单选框radio 选择框select 数据绑定的修饰符 .lazy .number .trim ...
- 为什么我觉得Python烂的要死?
为什么我觉得Python烂的要死? https://www.toutiao.com/a6636558446030225923/ 作为机器学习程序员的首选编程语言,Python成为世界范围内最受大学生欢 ...
- Bootstrap -- 表格样式、表单布局
Bootstrap -- 表格样式.表单布局 1. 表格的一些样式 举例: <!DOCTYPE html> <html> <head> <meta http- ...
- chrome总是提示“请停用开发者模式运行的扩展程序”
方法1:通过组策略的扩展白名单.要下载一个组策略管理模板 1.开始 -> 运行 -> 输入gpedit.msc -> 回车确定打开计算机本地组策略编辑器(通过Win + R快捷键可以 ...
- CentOS7 Docker私有仓库搭建及删除镜像 【转】
文章来源:centos7 Docker私有仓库搭建及删除镜像 如果不想用私有镜像库,你可以用docker的库 https://hub.docker.com 环境准备 环境:两个装有Docker 17. ...
- 我的第一个python web开发框架(23)——代码版本控制管理与接口文档
书接上一回,小白和老菜聊到代码的版本控制和接口文档 小白:为什么要做版本控制,我不弄版本控制不也完成了项目了吗?要做版本控制不是很麻烦,又要安装服务又要提交代码,代码又不是多人用开发,还要写文档... ...
- tomcat+struts配置总结
忙活了好些天Tomcat和Struts配置,踩了好多坑 此文仅供参考,只是笔者自身的记录. 配置在这里就不赘述了,贴几个链接给你们参考把! 一.配置简述 jdk配置 https://blog.csdn ...