zoukankan      html  css  js  c++  java
  • 谈下sublime和vscode

    sublime用了好多年一直没有换掉 它的体积小运行启动快用着一直很顺手,而且也有不少的插件可以去安装,

    而相对于vscode 开始觉得他启动慢有点笨重的感觉,可能是我电脑原因用着卡卡的所以一直没换成这个,

    但是现在大部分前端开发人员都在用这个 于是又用上了一段时间,特别喜欢它的可以整理文件夹折叠 对于我这个喜欢折叠文件的人来说

    这个功能比sublime省了不少事 比较下来写下心得,

    两者的差异网上各有千秋, 本文只记录下两者的使用方法

    sublime3插件安装

    一:可以直接下载安装包解压缩到Packages目录(菜单->preferences->  Browse Packages)。

    二:使用Package Control组件安装

      1)  按ctrl+`调出console 粘贴下面代码

      

    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())

      

      2)  重启sublime  如果在Perferences->中看到package control这一项,则安装成功

      3)按下Ctrl+Shift+P调出命令面板 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件,记录几个自己常用的插件

        1. Emmet(原名 Zen Coding)一种快速编写html/css的方法

        2. sublimeTmpl 快速创html css js等模板文件 可在Key Binds-User里配置作者信息

        3. terminal打开终端   

        4. vue Formatter vue模板支持

        5. side Bar左侧目录增强 可以对文件新建删除等操作 

        6. javascript-API-Completions 代码补全插件(https://www.cnblogs.com/vivaxiaonan/p/9084215.html)。。。。。。。。。。 更多的插件看开发过程需要 网上搜索使用方法

      给sublime添加代码片段(https://blog.csdn.net/Y_z001/article/details/89203830)

     vscode插件安装

    我常用的插件同步到github上了 所以先下载Settings Sync, shift+alt+d 下载配(输入gist id)

    1)vscode-icons  文件-->首选项-->文件图标主题 选择VSCode Icons即可,

    2)Vetur Vue 的语法高亮、智能感知、Emmet 等;

    3)Path Intellisense 自动路径补全

    4)filesize 左下角显示文件大小的插件

    5)Live server 实时显示网页情况

    6)Vue VSCode Snippets vue快速生成vbase vdata vmethod等

  • 相关阅读:
    2020年天梯赛补题报告
    补提报告...
    2020.11.14天梯赛练习*6 补题
    2020-11-08补题报告
    2020-10-30 — 补题报告
    10-24 补题
    2020.10.17天梯赛练习 和 16 号个人赛 补题报告
    elasticsearch DQL 有关表达式的设计
    tab键和空格键
    emacs配置python开发环境
  • 原文地址:https://www.cnblogs.com/yangjie-space/p/11651383.html
Copyright © 2011-2022 走看看