前端开发工具sublime text3的配置

前端开发工具sublime text3的配置

本人前端小白初学前端知识,通过一些博主了解到sublime text 3这个开发工具对前端初学者来说十分友好,就选择了它。但是,由于官网在国外等原因,网络经常不畅,配置起来十分痛苦,装着装着就失败了。本来以为20分钟能搞定的,结果费了好大周折才弄好。为了方便大家以后的配置,同时我也整合了百度上各大神的教程,在这里我给大家分享一下我的完整配置过程。

  1. sublime的下载
      sublime官网
      选择自己系统的版本即可。
  2. sublime的安装
      这个自由发挥,自己想装在哪里都行,要注意的是路径不可以含有中文名。
  3. sublime的简单使用
    - 新建HTML文件:ctrl + N
    - 快速编写HTML代码:!+ Tab键(前提是有emmet插件哈,这个下面会详细说)
    - 创建项目:点击项目,添加项目所在的文件夹到sublime中
    - 保存文件:crtl + S
  4. sublime常用的插件(我了解到的比较常用的):
      sublime的插件安装有两种办法(两种我们都要用到):
      - 第一种的直接安装,先下载好插件安装包,然后把它解压到sublime的安装目录下的package文件夹中;
      第二种,也是普遍使用的——通过package control安装插件:
      – 首先,安装Package Control:打开sublime进入主页面后,按Ctrl + Shift + P 唤出命令板,输入:PC ,看下面的提示框中,是否有出现Package Control:xxxx xxxx这些提示,如果没有,则是未安装。需要选择提示框中的install Package Control进行安装。点击之后,仔细看左下角,会有一个"[ =]"的简单动画在左右移动,表明当前正在联网下载安装Package Control。需要注意的是:下载的过程网络会很慢,可能会出现安装失败的现象,重复上述步骤即可。安装成功后,会有一个上面全是英文的页面。
      – 在Package Control安装完成之后,即可开始安装插件。步骤:
        1. 唤出命令板输入install ,选择Package Control: install package,待插件目录加载完成。这个过程有时候也会比较慢,主要还是因为网络。百度上找到一些解决办法,实测有效哈。
"channels":
	[
		"http://cst.stu.126.net/u/json/cms/channel_v3.json"
	],

把上面的的代码复制下来,粘贴到preferences->Package Setting->Settings-User中的大括号中。粘贴的位置大概是下面这样子,“installed_packages”中的是已经安装了的插件,如果是新安装的应该是空的,没关系的。
    在这里插入图片描述
弄完之后,打开插件列表就快了一点了哈哈。

2. 打开插件列表后,输入插件名称,选中插件,按回车。待加载完成以后,即可完成插件的安装。
  然而,理想是美好的,现实是残酷的。你会发现那网络,无论你试了多少次都是安装失败。

我给大家推荐几个我认为必要的插件:
   1. ChineseLocalization:汉化插件
   2. ConvertToUTF8:自动将文件编码方式转换成UTF-8
   3. Emmet:快速编写HTML、CSS标记的插件(这个是sublime的灵魂所在啊!推荐程度:强烈推荐)
   4. IMESupport:输入法的位置跟随光标移动
   5. SublimeCodeIntel:代码提示
   6. SidebarENhancements:让侧边栏功能更丰富
 
  上面我推荐的几个插件,有几个怎么装都装不上的,哈哈。所以我们不能通过Package Control安装了,得用直接安装法,下载好了之后,直接解压到package目录中,重启sublime即可。
  网络上那些资源比较散,而且教程有些不一样,尤其是对于Emmet这个插件的。由于安装上Emmet插件后,还需要多一个Pyv8的插件,但是这个插件往往是自己安装不上的。需要手动去安装,我本人亲测可用的是将Pyv8放在 Installed Packages中的,如下图所示。并且!切记千万别也copy一份在Packages中,虽然启动也会加载Pyv8插件成功,但是无法使用Tab作为快捷键,具体原因我也不清楚,但是我就是这样折腾了好久。
  在这里插入图片描述

最后,还有关于插件的删除:打开命令板,输入Package Control:Remove Package ,选中回车,将会打开你已经安装了的插件页面。

sublime text 3是一个付费软件,你会发现,你多按几次ctrl + s保存文件后,就会弹出窗口叫你购买了。网上很多的激活码都已经失效,我费了好大劲才找到了一个,放在下面链接中了。
  我本人使用的是win10 64位的sublime,我把文件都整合好了,如果有需要的小伙伴,可以通过百度云下载一下。
  链接:https://pan.baidu.com/s/1ZHaGb0EyQw4XaDikI0o_NQ
提取码:insz
  本分享仅供学习使用,请勿用于商业用途。
  如果大家有什么更好的插件推荐或者我存在什么错误,欢迎交流学习!

猜你喜欢

转载自blog.csdn.net/interestANd/article/details/108725906