node.js乱码问题【WebStorm环境】

本文介绍了一个Node.js结合Jade模板时遇到的中文乱码问题及解决过程。作者通过更改WebStorm的文件编码设置为UTF-8来尝试解决乱码问题,但发现该设置仅对新建文件生效,最终通过创建新文件解决了乱码。

昨天看了一个晚上的jade视频,

感觉就是我想要的东西,

相见恨晚,

赶紧在WebStorm这个IDE中,写代码,测试

/**
 * Created by xa87 on 2016/1/22.
 */
var http=require('http')
var jade=require('jade')

http.createServer(function(req,res){
    jade.renderFile('./t2.jade',{'name':'标题 啊aaa'},function(err,html){
        res.writeHead(200, {'Content-Type': 'text/html'})
        res.end(html)
        console.log(html)

    })
}).listen(8888);

浏览器中访问,代码没什么问题,唯 一就是中文乱码

在浏览器中右键 ,切换编码,UTF-8,GBK,都试过了,还是乱码

这时我考虑到WebStorm中的编码,找到file,settings,file encodings,发现这里默认是gbk编码

果断改成utf8编码,保存

重新启动node.js

乱码依旧

我怀疑原来旧文件编码没有变,于是新建一个文件,再试,果然好了

原来这个设置只对新建文件编码有效,旧文件不处理的,我还以为旧文件也给转换了呢

至此,乱码解决。

 

附t2.jade模板

//
   Created by xa87 on 2016/1/22.
doctype html
html
   head
      title 测试啊#{name}
   body
      p 这是内容#{value}1111
//
   Created by xa87 on 2016/1/22.

 

这是浏览器输出的HTML代码

<!DOCTYPE html><html><head><title>测试啊标题 啊aaa</title></head><body><p>这是内容1111</p></body></html>

  

转载于:https://www.cnblogs.com/fxyc87/p/5150833.html

为了在Windows系统中顺利安装Node.js,并配置WebStorm以支持Vue3项目的开发,需要遵循以下步骤。首先,访问Node.js官方网站下载适用于Windows的安装包。下载完成后,双击安装包,按照安装向导的指示进行安装,并在安装过程中注意选择正确的安装路径。安装完成后,通过打开命令提示符或PowerShell并输入命令'node -v',如果能返回Node.js的版本号,则说明Node.js已正确安装。 参考资源链接:[快速入门:Windows下Vue3开发环境搭建与WebStorm安装指南](https://wenku.csdn.net/doc/6vae226wjk?spm=1055.2569.3001.10343) 接着,为了使WebStorm支持Vue3项目,需要对WebStorm进行一些特定的配置。下载并安装最新版的WebStorm。安装完成后,打开WebStorm,进入'File' > 'Settings'(或'WebStorm' > 'Preferences',视操作系统而定),在设置窗口中,选择'Languages & Frameworks' > 'JavaScript',然后配置Node.js和npm路径,通常这些路径是Node.js安装目录下的'node.exe'和'npm.cmd'。完成路径配置后,可以通过点击'Apply'和'OK'保存设置。 之后,在WebStorm中打开或创建Vue3项目,你可以通过'File' > 'New' > 'Project from Version Control'来导入远程仓库中的Vue3项目,或者通过'File' > 'New' > 'Project'来创建一个新的Vue3项目。如果WebStorm识别到Node.js和npm的路径,它将能够提供Vue相关的智能提示和代码调试功能。 对于想要更深入理解环境配置和项目开发流程的用户,《快速入门:Windows下Vue3开发环境搭建与WebStorm安装指南》将是一个宝贵的资源。这份指南详细介绍了如何在Windows环境下安装Node.js、配置WebStorm,并且提供了Vue3项目创建和管理的实用信息,帮助开发者快速入门并构建前端项目。 参考资源链接:[快速入门:Windows下Vue3开发环境搭建与WebStorm安装指南](https://wenku.csdn.net/doc/6vae226wjk?spm=1055.2569.3001.10343)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值