两分钟vscode解决编写vue项目中文乱码

最新推荐文章于 2024-06-05 15:28:01 发布
最新推荐文章于 2024-06-05 15:28:01 发布
阅读量1.3k 收藏 13
点赞数 9
文章标签： vue.js vscode javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67227361/article/details/135229496
版权

前情提要：搞HNUST计网课设看好像可以使用vscode写，故上网搜索c/c++环境的配置，然后导致后续不仅环境没配好，项目也直接乱码，心态爆炸，但是你要说他乱码了吧，有几个没乱，你要说他没乱码吧，有几个页面乱了

第一步：调设置，进入设置 ——> 搜索Encoding ——> 把Files: Encoding这项调成默认的UTF-8（当时就是因为这里调成了GBK）；Files: Auto Guess Encoding 也不要勾选

重启项目，如果还不行的话，基本上就是编码方式已经改变，我看别人的都是要重新添加一个文件来更改其编码方式，为啥要这么麻烦，我不能删了吗？？

so，第二步：抱着试一试的心态，我把发生乱码的页面的vue文件内容copy下来，然后删掉这个vue页面，重新创建，再把内容粘上去，然后就成功了~

俺是懒大王
关注
  • 9
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用Visual Studio2022 vue 中文乱码
poodu的博客
01-25 775
使用Visual Studio2022 vue 中文乱码解决方法
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
Cookie实现记住密码及解决中文乱码
02-22
Cookie实现记住密码及解决中文乱码
访问vue乱码解决
最新发布
visual_lulu的博客
06-05 285
可以看到chunk-vendors.xxxx.js出现了中文乱码，这个js文件是vue build生成的，打开来看，实际是没有乱码的。在index.html中修改，在引用js的地方加上 type="text/javascript" charset="UTF-8"前端可以正常访问了，但是右键检查页面title的地方还是中文乱码，虽然用户不可见，但是还是不够完善。后端mvn install 生成war包，前端dist放进war包。在springboot工程里，配置中加上。页面访问白屏 报错如图。
VUE新坑 中文乱码
qq_42098878的博客
07-15 1万+
VUE项目编写完成进入HTML出现中文乱码怎么解决 今天写VUE项目的时候，编写完项目，之后打开index.html的时候发现所有的中文均为乱码，之后着手解决这个问题发现了一个新坑 出现原因 如果没在webstorm中进行过特殊设置，默认的webstorm中的新创建的 .vue 文件的默认编码不是UTF-8而是其他的编码方式，所以在浏览器中打开会出现乱码 解决方式 解决方式1 将乱码文件（例如index.vue）以记事本的方式打开，之后点击另存为，右下角位置有对应的文件编码方式将这里更改，即可完成，之后文件
vue带参跳转页面中文会出现乱码
changyana的博客
03-21 2311
然后可以看到上方的url是正确的中文，但是下边解析出来后就成了乱码。
详解VSCode配置启动Vue项目
10-17
在现代Web开发中，Visual Studio Code (VSCode) 和 Vue.js 是两个不可或缺的工具。本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。...
利用vscode编写vue的简单配置详解
08-30
本文主要介绍了如何使用VSCode编写Vue项目的简单配置详解。以下是相关知识点： 1. VSCode的优点：VSCode相比Sublime Text有许多优点，包括中文输入法支持更好、基础功能更全面、自带插件管理、git、sidebar、集成...
解决中文乱码的几种解决方法(推荐)
10-21
下面小编就为大家带来一篇解决中文乱码的几种解决方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
运行不了vue，npm run dev乱码
weixin_45926574的博客
12-20 841
直接找到package.json 点击运行即可
vs code 关闭并重新打开 vue 文件中文乱码问题解决
csdn姚宏波
08-15 2614
在 vs code 中，新建 .vue 文件，模板中输入中文，关闭再打开，出现乱码。 原因时保存时以 utf-8格式，而打开时以 windows 1252 编码。 解决方案： 1）设置使用utf-8格式打开和保存文件 2）禁止工具自动猜测文件编码 文件-》首选项-》设置，然后搜索“encode” ...
vue变量赋值中文，但是输出为乱码，解决办法
changyana的博客
09-21 501
编码问题，应该改为UTF-8进行保存运行
用VSCode打开文件出现中文乱码的解决办法
weixin_45658397的博客
01-11 3万+
使用VSCode打开有中文的文件时出现乱码，收集了两种有用的解决方法。
vscode中文乱码解决方法总结
weixin_54168711的博客
03-23 1万+
纯小白学习vscode时遇到中文乱码问题的总结
解决vue.js页面加载未完成时乱码
php菜鸟博客
11-10 477
使用vue时遇到一个问题，vue没有渲染完成时，会短暂的显示不带样式的代码，为了解决这个问题，查找了一遍手册发现可以使用v-cloak。 这个指令保持在元素上直到关联实例结束编译。和CSS规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。 示例：[v-cloak] ...
【解决vscode终端输出中文乱码问题图文教程】
热门推荐
qq_47683407的博客
11-07 5万+
高效解决vscode乱码问题
最简单的VSCode解决中文乱码方法(亲测有用）
xlf5323的博客
09-14 1万+
在刚接触VSCode编程过程中，经常会遇到中文乱码的问题。查询了不少相关的博客，解决方法很多，但实际没有帮到我，琢磨了半天，找到了可行方法，这里分享给大家
vscode怎么创建vue项目
01-20
在VSCode中创建Vue项目有两种方法： 方法一：使用vue-cli快速构建项目 1. 打开终端（Terminal）。 2. 在终端中执行以下命令安装vue-cli： ```shell npm install -g vue-cli ``` 3. 创建一个新的Vue项目，执行以下命令： ```shell vue init webpack myvue ``` 其中，myvue是你想要创建的项目名称，你可以根据需要进行修改。 4. 进入到项目目录，执行以下命令： ```shell cd myvue ``` 5. 安装项目依赖，执行以下命令： ```shell npm install ``` 6. 启动项目，执行以下命令： ```shell npm run dev ``` 7. 终端会显示浏览器访问地址，例如：http://localhost:8080，说明项目已经创建成功。此时，你可以在VSCode的左侧目录中看到Vue项目的相关文件夹。 方法二：手动创建Vue项目 1. 打开VSCode，创建一个新的文件夹，作为你的Vue项目的根目录。 2. 在VSCode中打开终端（Terminal）。 3. 在终端中执行以下命令，初始化一个新的npm项目： ```shell npm init -y ``` 4. 安装Vue和Vue相关的依赖，执行以下命令： ```shell npm install vue vue-router vuex ``` 5. 在根目录下创建一个index.html文件，并在文件中添加Vue的基本结构。 6. 在根目录下创建一个main.js文件，并在文件中编写Vue的入口代码。 7. 在根目录下创建一个App.vue文件，并在文件中编写Vue组件的代码。 8. 在根目录下创建一个src目录，并在该目录下创建其他需要的文件和文件夹，例如components、views等。 9. 在根目录下创建一个webpack.config.js文件，并在文件中配置Webpack的相关设置。 10. 在终端中执行以下命令，安装Webpack和其他相关的依赖： ```shell npm install webpack webpack-cli webpack-dev-server babel-loader css-loader vue-loader vue-template-compiler html-webpack-plugin ``` 11. 在终端中执行以下命令，启动项目： ```shell npm run dev ``` 12. 终端会显示浏览器访问地址，例如：http://localhost:8080，说明项目已经创建成功。此时，你可以在VSCode的左侧目录中看到Vue项目的相关文件夹。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值