vsCode---前端H5\CSS\JS编辑器常用插件

最新推荐文章于 2024-08-21 16:07:31 发布

武东10号

最新推荐文章于 2024-08-21 16:07:31 发布

阅读量1.8k

点赞数

分类专栏：编辑器

本文链接：https://blog.csdn.net/Wbiokr/article/details/72824978

版权

编辑器专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Path Intellisense

//路径提示插件
//‘/’之后自动识别相对路径下的文件/目录

open in browser(TechER)

//浏览器查看插件
// 可以通过右键菜单选择浏览器查看，可以通过快捷键Alt+b(默认浏览器查看)，Alt+shift+b(其他浏览器查看)

azure Theme

//主题颜色插件
//可以通过用户设置修改，可以通过上侧菜单--文件--首选项里面修改

sass

//sass scss文件高亮

stylus

//stylus语法高亮

vue 2 Snippets

//vue2.0 提示与高亮

wpy-beautify

//ctrl+shift+6格式化.vue文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

武东10号

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

eclipse的js插件和css插件

11-30

eclipse的js插件和css插件，让你的eclipse不在单调，可以提示js和css，快速开发。

VSCode 快速创建H5并调试

司马懿的西山居

02-15

6697

使用 Ctrl+N 或 “新建文件”，来创建一个 “Untitled-1” 文件点击 “选择编程语言” 或 “纯文本”，改变文件的编码类型将语言模式改为 HTML 语言模式改变完后，文件标题前面的图标就变成HTML的图标了然后输入 ! 后按 TAB 键，就会自动生成一个HTML模板左侧面板，单击 “扩展（Ctrl+Shift+X）” 按钮，在输入框输入 “open in browser” 安装插件然后右击项目，选择 “Open In Default Browser” 或 “Open In

参与评论您还未登录，请先登录后发表或查看评论

2024 最新最全 VS Code 插件推荐！

最新发布

ll_renlong的博客

08-21

2217

此文档只作为个人学习记录Visual Studio Code 是由微软开发的一款开源的代码编辑器，它有了一个丰富的插件市场，提供了很多实用的插件。本文就来分享 2024 年开发必备的 VS Code 插件！

vscode 创建js 项目

tenc1239的博客

07-05

3796

6 ctrl + shift +p 输入task。4 选择创建的文件夹后。8 F5 运行选择调试器。5 创建 js 文件。

安装VSCode后从H5到C3和JS的便捷插件

欢迎来到长风沛雨的博客

11-13

1621

一些VSCode插件

vscode中安装开发html5中需要的插件

AlZhuo的博客

09-07

8828

最近在学习H5，也开始尝试着用vscode来写h5的代码。vscode是一个很不错的剪辑器，已经用它来写过php，python，还有vue的代码了。最近使用它写H5的代码，推荐一些H5有关的插件。 1.Emmet是一款编辑器插件，支持多种编辑器支持。在前端开发中Emmet使用缩写语法快速编写HTML、CSS以及实现其他的功能，极大的提高了前端开发效率。 a.安装完之后，创建一个html的文件敲入！，然后按一下tab就会出现h5的基本框架。 b.可以直接用缩写敲入div，按tab，就会出现<div

day032-前端三剑客-H5快速入门+VScode.zip

09-05

【标题】"前端三剑客-H5快速入门+VScode" 涵盖了现代Web开发中的基础元素：HTML、CSS和JavaScript，以及强大的代码编辑器Visual Studio Code（VScode）。这一系列教程旨在帮助初学者迅速掌握网页开发的核心技能。 ...

HTML5七夕情人节表白网页制作【纯HTML+CSS实现3D动态相册-蓝色海洋】HTML+CSS+JavaScript

08-10

- **Vscode**: 微软推出的免费开源代码编辑器，具有丰富的插件生态系统。 - **Sublime**: 受欢迎的文本编辑器，以其高度可定制性和灵活性而受到开发者喜爱。 - **Webstorm**: JetBrains公司出品的专业级JavaScript ...

HTML5七夕情人节表白网页制作【我喜欢你H5】HTML+CSS+JavaScript

08-10

- **Vscode**：微软推出的开源代码编辑器，支持几乎所有主流编程语言，拥有丰富的插件生态系统。 - **Sublime Text**：一款轻巧高效的文本编辑器，以其快速启动和低资源消耗而闻名。 - **WebStorm**：JetBrains公司...

H5电玩游戏源码.7z

08-17

2. 开发环境：安装合适的编辑器（如VSCode）和必要的开发工具，如Node.js、npm等。 3. 运行项目：根据项目文档或readme文件的指示，配置项目环境，运行项目，查看游戏效果。 4. 调试与修改：使用浏览器的开发者工具...

个人H5项目

03-01

在开发过程中，Visual Studio Code（VSCode）作为一个强大的代码编辑器被选用。VSCode提供了丰富的功能，包括代码高亮、智能提示、内置Git集成、调试工具等，极大地提升了开发效率。开发者可能还利用了VSCode的插件...

H5+CSS3+JS

03-14

性价比高的一款书籍性价比高的一款书籍性价比高的一款书籍

精选！必备的 VSCode 插件（前端类）

03-30

vscode 常用插件手动放到 .vscode/extensions/ 下，包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix

h5.js插件，前端必备

11-01

h5.js插件，工具类插件，直接下载使用，非常方便，前端必备。

前端开发总结

Peanutfight的博客

05-01

1445

文章目录前言一、H5开发1.vscode使用live server1.h5获取url参数二、css样式1.设置属性保持同一水平前言记录一下工作，学习中遇到的H5开发的小技巧~ ~ 不定期更新一、H5开发 1.vscode使用live server 1.插件直接搜索live server安装 2.设置setting.json "liveServer.settings.donotShowInfoMsg": true, "liveServer.settings.port": 9000, //设置本地服

vscode安装+node.js环境搭建(mac)

热门推荐

flyq_coffee

07-12

1万+

一：安装vscode 在官网https://code.visualstudio.com/下载解压即可使用插件分享：二：node.js环境搭建 1、Homebrew ：Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件（若已安装则跳过） brew -v # 可查看是否已经安装Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/i

vue+vscode+nodejs 开发环境搭建

易的博客

11-11

3137

参考文献 vue+vscode+nodejs 开发环境搭建 - Desperador - 博客园 nodejs 指定全局安装路径和缓存路径 - Curedfisher - 博客园安装配置nodejs并创建Vue项目 nodejs安装配置 1.下载地址：Node.js Node.js Node.js 官方网站下载：Node.js 2.默认安装安装完成后，执行npm -v 出现版本号则表示安装成功。打开cmd，分别输入node –v和 n...

VS Code使用系列 -- 在浏览器中调试javascript（browser app）

Justinjiang1314的博客

02-09

1672

环境安装插件1：Live Server 插件2：JavaScript Debugger 使用步骤 1，从状态栏启动Live Server（点击“Go Live”）如果状态栏被隐藏，从工具栏中打开状态栏： 2，在浏览器中通过devTool，调试Html+javascript 打开要调试Html（其中包含对应的javascript脚本），点击右键，在浏览器中打开页面。之后就可以通过DevTool进行调试了（console.log，debugger等方式） 3，在VSC..

VScode 创建原生web工程 html+js

ikunsdc 的博客

02-21

4827

一、创建工程文件夹、添加文件文件 1、VS code本身没有新建项目的选项，所以要先创建一个空文件夹，如vue-1 2、VScode中菜单栏文件--打开文件夹打开新建的vue-1文件夹 3、选中项目文件夹，新建子文件夹，选中子文件夹，新建文件。这里目录结构如下： vue-1 |--html --index.html |--js --main.js 二、项目中添加tasks.json 此时，项...

Vue-cli搭建移动端H5模板：vue-mobile详解

通过遵循本文的步骤，你可以有效地设置项目结构、配置CSS预处理器、集成UI组件库、处理移动端适配问题以及封装常用的工具和组件。首先，我们来看项目的基本结构。在项目初始化阶段，你需要按照以下目录创建源码： ...