准备工作做好,然后 1.在vscode终端输入npm i -g @vue/cli-init 2.输入npm install -g webpack 3.输入vue init webpack project(项目名称) 4.cd project(项目名称) 5.npm run dev 6.进入http: ...
转载
2021-09-03 16:08:00
673阅读
2评论
# 使用 Docker 启动 Vue 项目的完整指南
在前端开发中,Vue.js 是一个广泛使用的 JavaScript 框架。为了提高开发效率,结合 Docker 来启动 Vue 项目是一种理想的方法。本文将详细介绍如何通过 Docker 启动 Vue 项目,并提供相关的代码示例。同时,我们还将使用 VSCode 作为开发环境。
## 1. 为什么选择 Docker?
Docker 是一种
原创
2024-09-19 07:58:30
134阅读
现在用VSCode开发Vue.js应用几乎已经是前端的标配了,但很多时候我们看到的代码混乱不堪,作为一个前端工程师,单引号双引号乱用,一段有分号一段没有分号,有的地方有逗号有的地方没有逗号,空格回车都对不齐,还说自己做事认真,这不是开玩笑的事情。我们今天从头开始,完整地讲述一下一个重度代码洁癖患者该如何用vscode开发vue,以及如何把一个已经可以宣判死刑的全身各种格式错误几万条的项目整容成标准
转载
2023-03-23 19:21:42
277阅读
VsCode使用1、前端开发2、VScode使用前的准备2.1、为了方便开发,建议安装如下插件2.2、设置字体大小2.3、开启完整的Emmet语法支持3、创建项目3.1、创建空的文件夹3.2、然后打开vscode,再在vscode里面选择 File -> Open Folder 打开文件夹,这样才可以创建项目。3.3、保存工作区3.4、工作区创建成功3.5、创建文件。3.6、在创建的文件0
转载
2023-12-12 21:10:24
516阅读
文件-首选项-设置-打开settings.json-用户设置区域填写: 之后在VSCode中就可以通过 ctrl+shift+f 来按eslint格式进行格式化了。
原创
2021-07-29 17:33:31
273阅读
最近有个项目使用了 Vue.js ,本来一直使用的是 PHPStorm 来进行开发,可是遇到了很多问题。后来,果断放弃收费的 PHPStorm ,改用 vscode (Visual Stdio Code).当然 vscode 对 vue 也不是原生支持的,今天来扒一扒如何配置 vscode 以便优雅地编辑 vue 文件 先来扒一扒使用 PHPStorm 遇到的问题:vue文件虽然可以通过
转载
2023-12-28 23:57:11
152阅读
# Visual Studio Code中使用Java编码输出
Visual Studio Code (VS Code) 是一款轻量级的代码编辑器,广受程序员喜爱。它支持众多编程语言,包括Java。在VS Code中编写Java程序并输出结果是非常简单的,只需要配置好相关的插件和设置即可。
## 插件安装
首先,我们需要安装Java插件以支持Java开发。在VS Code中搜索并安装`Jav
原创
2024-05-30 05:31:44
25阅读
# Visual Studio Code 中 Java 编码格式
在使用 Visual Studio Code 进行 Java 开发时,合理的编码格式是非常重要的。一个良好的编码规范不仅可以提高代码的可读性和可维护性,还可以减少代码错误和提高开发效率。本文将介绍一些在 Visual Studio Code 中Java编码格式的最佳实践,并提供一些代码示例来说明这些实践。
## 使用代码缩进
原创
2024-05-24 05:01:41
67阅读
路由配置在项目的router文件夹下的 Index.js文件里 一些简单的配置问题 父子级 ...
转载
2021-09-13 21:24:00
305阅读
2评论
此乃吾习前端,VsCode之插件,个人所装,喜着自拿,不足之处还望海涵,多加批评。 1.Auto Close Tag——自动闭合尾部的标签 2.Atuo Rename Tag——修改 html 标签 自动帮你完成头部和尾部闭合标签的同步修改 3.Bracket Pair Colorizer——用于颜 ...
转载
2021-09-25 09:23:00
1219阅读
2评论
E:\Html\4 Vue版>npm config set registry https://registry.npm.taobao.orgE:\Html\4 Vue版>npm i> chromedriver@2.30.1 install E:\Html\4 Vue版\node_modules\chromedriver> node install.jsDownloading http
原创
2023-03-05 06:45:20
51阅读
vscode + eslint + prettier 配置目标:能使用快捷键 alt + ctrl + f进行格式化(html, css, js,vue文件)保证 eslint 规则与 vscode 格式化规则一致
能够自动 import 包,自动删除未使用的多余 import 语句
使用 vscode 格式化时很头疼,因为我安装了prettier插件和eslint插件, 他们都有格式化js文件的
转载
2024-06-20 17:30:53
130阅读
首先打开vscode, 文件-首选项-用户代码片段, 此时可以选择一个已有的vue.json进行修改, 或者输入别的名字新建 打开后把原有的代码注释 粘贴下面代码:(具体注释和内容可以修改) {
// Place your snippets vue here. Each snippet is defined under a snippet nam
转载
2024-03-28 16:08:29
573阅读
VSCode搭建Vue项目 在vscode上搭建一个vue项目---初学总结。1.假设Vscode、nodejs等已经安装好了。2.全局安装vue-cli,vue-cli可以帮助我们快速构建Vue项目。安装命令:npm install -g vue-cli打开VScode的终端,调出命令输入框。点击终端-新建终端,输入上述命令,回车,等待安装完成。3.安装webpack,它是打包js的工
转载
2023-08-16 18:18:34
152阅读
0.我们首先需要明白为什么vscode这个终端为什么会有中文乱码 因为,你在使用vscode时,比如你新建了一个文件,你会发现右下角的编码方式默认的是UTF-8的编码方式,如下图: 而我们的终端的编码默认是GBK的方式,也就是中文简体的编码,如下图 活动代码页:936 代表当前终端采用的是gbk的编码方式,936代表gbk的代码页,utf-8的是是65001这些数字都是以十进制的方式代表的代码页,
转载
2023-12-14 15:06:32
129阅读
VS Code是这近几年非常热门的开发工具,它让开发效率大大提升。今天,快快小编就来介绍8款高效的VS Code插件,总有一款适合你。 1、GitLensGitLens 能够增强 Visual Studio Code 中内置的 Git 功能。它不仅能帮助你通过 Git blame 注解直观地看到代码作者,而且还可以无缝浏览和探索 Git 存储库,通过强大的比较命令获得有价值的见解等等。
转载
2023-09-22 08:47:05
64阅读
GitHub在本周的Satellite 2020活动中宣布了一些新功能和更新,涵盖了云、协作、安全性等。
转载
2021-07-26 09:42:41
141阅读
一、软件下载与安装VScode下载地址:https://code.visualstudio.com/VScode的github项目地址(本文用不到):https://github.com/microsoft/vscodePython下载地址:https://www.python.org/downloads/笔者用的是win版的VScode1.0和32位Python2.7,安装Python时注意将P
转载
2023-09-14 19:24:48
105阅读
GitHub在本周的Satellite 2020活动中宣布了一些新功能和更新,涵盖了云、协作、安全性等。与其他技术公司一样,由于COVID-19危机,微软拥有的代码托管平台已选择将其年度开发者活动移至在线,Satellite 2020也是GitHub本年度的首次虚拟会议。GitHub Codespaces这次活动最大的亮点是一个名为GitHub Codespaces的发布,该产品旨在使开发人员更轻
原创
2021-01-27 14:50:46
238阅读