前端开发——VSCode

简介: 前端开发——VSCode

一、软件提取:

网盘链接:https://pan.baidu.com/s/1WG73GUPsyi4u0xvkxqtm2g

提取码:dgsb

二、软件安装:

提取软件后,无脑点击下一步即可完成安装;

注:(此处只提醒较为关键的几个步骤)


image.png

image.png

以下操作直接下一步即可。

安装成功界面:

image.png

三、主要插件:

1.安装中文插件【Chinese】

image.png

image.png


注:安装后在该应用右下角会出现restart...弹窗,点击重启该软件后软件将变为中文界面,中文插件生效。

2.安装源码格式化插件【JS-CSS-HTML Formatter】

image.png

3.安装实时预览插件【live Server】

在网页中展示所写操作的页面;代码每次保存后,浏览器就自动同步刷新显示。即目前很火的【热更新】。

image.png

四、软件入门:

1.修改主题颜色

image.png


image.png

image.png

添加浏览器配置

文件   ->   首选项   ->   设置

image.png

检查有无下面的内容,如果没有则:复制{}内的内容,粘贴到对应的位置

{

"view-in-browser.customBrowser": "chrome",

"open-in-browser.default": "firefox",

"editor.mouseWheelZoom": true

}

image.png

测试配置是否生效:(主要测试按Ctrl+鼠标滚轮,是否能放大缩小)image.png

相关文章
|
4月前
|
人工智能 前端开发 JavaScript
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
AI程序员:通义灵码 2.0应用VScode前端开发深度体验,在软件开发领域,人工智能技术的融入正深刻改变着程序员的工作方式。通义灵码 2.0 作为一款先进的 AI 编程助手,与广受欢迎的代码编辑器 Visual Studio Code(VScode)相结合,为前端开发带来了全新的可能性。本文将详细分享通义灵码 2.0 在 VScode 前端开发环境中的深度使用体验。
547 2
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
|
5月前
|
人工智能 自然语言处理 前端开发
VSCode AI提效工具,通义灵码前端开发体验
通义灵码2.0是一款强大的VS Code插件,安装简便,图标易记。其亮点包括接入deepseek-v3/r1模型,支持智能问答、AI编程、代码优化及贴图提问;多语言和编辑器支持;个性化使用满足不同需求。个人版完全免费,节省12%开发时间。对比1.0版本,2.0在功能实现上更加完善,尤其在前端项目中表现出色,根据需求描述生成完整项目结构和详细代码,极大提升开发效率。
350 0
|
6月前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
132 10
|
8月前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
204 8
|
11月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
922 1
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐
|
前端开发 JavaScript PHP
【vscode编辑器插件】前端 php unity自用插件分享
【vscode编辑器插件】前端 php unity自用插件分享
107 0
|
前端开发 JavaScript 开发工具
前端开发工具VS Code深度探索
前端开发工具VS Code深度探索
206 1
|
前端开发 JavaScript Windows
前端秘法引言(配置vscode, 以及html的基础)
前端秘法引言(配置vscode, 以及html的基础)
240 0
|
IDE 前端开发 搜索推荐
5款超好用的在线IDE,媲美vscode,可以直接编写前端构建化项目,而无需在本地下载依赖包,非常适合学习、demo、原型开发
5款超好用的在线IDE,媲美vscode,可以直接编写前端构建化项目,而无需在本地下载依赖包,非常适合学习、demo、原型开发
5221 0