Fecs 在 vscode 的下的安装和使用

因项目需要,所以安装了 Fecs,

fecs:  一个代码检查和格式化的工具,百度的,

 

我是在vscode 下面安装的,

首先打开 vscode 的命令行,(不知道怎么打开? 先看这个: https://blog.csdn.net/cvper/article/details/79523387

打开后第一步安装插件:全局安装即可,不用担心当前目录在哪里,直接: npm install fecs -g

 

安装好之后,我们来建一个文件夹JS-test,里面写个测试的index.html文件,

然后切换到当前的JS -test文件下, 也就是 上面图片中的地址: C:\users......\JS-test ,(不会切换地址那就先去百度谷歌吧)

好了,我们当前的目录已经在 Js-test 下面了,

JS-test 的目录是这样的:里面有个index.html 文件

JS-test

 ------ index.html

 

我们在 index.html 文件中写点东西:

<body>

测试文件

<script>

function abc         ()     {

console.log("file me !");

};

</script>

</body>

 

注意到没,格式不美观,空格太多,

下面在终端中,也就是命令行中,执行下面的命令: fecs check

C:\Users\Qinglanhui\Desktop\JS-test>fecs check

然后就会告诉我们哪里是有问题。

 

有问题咋办,那就自动处理一下吧,执行下面的命令:fecs format

C:\Users\Qinglanhui\Desktop\JS-test>fecs format

执行成功之后,你会发现当前目录 JS-test 下面多了一个OUTPUT 文件下,再打开这个文件夹你会发现里面有一个index,html

这个就是自动处理之后的文件,也就是符合规则的文件;

 

至此,over!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值