vscode有没有和sublime server一样的插件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode有没有和sublime server一样的插件相关的知识,希望对你有一定的参考价值。
vscode 有两款比较好用的类似于sublime server一样的插件,专门用来调试html和javascript,用来开发html和JavaScript非常方便,开启插件功能后提供一个本地的用来调试html和JavaScript的web服务器,保存html文件后可以实时预览更改文件后的效果。
一、Live Server
安装
使用(在打开的html文件中右键)
二、Preview on Web Server
安装和使用和 Live Server 是一样的。
参考技术A vscode和sublime server Text静态WEB服务器:使用Sublime Tex为的编辑器sublime server 会给你意想不到的用处,例如:进行HTML和Javascript开发时有一个及其重要的作用,协助你完成前端的联调测试,那就是Sublime Text的服务器插件:SublimeServer。使用这个插件后你不在需要单独的启动Tomcat或者Apache这样的重型服务器,就可以完成HTML和Javascript在服务器的联调。SublimeServer会启动一个轻量级的,静态的WEB服务器,让你在文本编辑器中直接启动服务器,并进行测试联调。安装方法也很简单:
下面就给大家详细的讲一讲这里面的门道,希望对于大家能有帮助。
第一步、Ctrl + Shift +P,启动Sublime Text的命令行.
第二步、输入Install Package打开插件安装命令.
第三步、输入SublimeServer找到Sublime Text的服务器插件,回车直接安装即可.
第四步、安装完成后,点击工具选项,就可以看到SublimeServer工具了,然后点击Settings,查看SublimeServer的基本配置,这里可以修改服务器端口,文件扩展名等.
第五步、查看好设定后,点击Start SublimeServer,就可以启动服务器了.
第六步、注意:SublimeServer要求你的代码文件夹,要添加到Sublime Text的项目里面,这样才能列出这些文件夹。
vscode和sublime server Text静态WEB服务器就是这样简单清楚的展现在您的面前,就是如此简单易用。怎么你还是不清楚,没有关系,点击在线咨询,我们尽全力帮助您,让你在困难面前已久强大,我们用经验给你趟一条大道。成都点点通软件开发公司欢迎您的光临!本回答被提问者采纳 参考技术B 没有,但是你可以 npm 安装 live-server 来实现,具体方法。
安装 vs code 和 node.js
然后在命令符中输入 npm install -g live-server 进行安装
安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ,
等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口
谈下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等
以上是关于vscode有没有和sublime server一样的插件的主要内容,如果未能解决你的问题,请参考以下文章