Vue开发中VSCode的安装、Nodejs中的npm安装以及ESlint规范报错问题解决

本文介绍了如何在VSCode上安装和配置中文界面,包括Node.js的npm管理工具,以及在Vue项目中遇到的ESLint规范错误,如padded-blocks和代码格式要求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、Vue开发工具 VSCode 的安装使用

    凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝,现在使用Vscode作开发IDE的人越来越多,特别是前端开发。VSCode对JavaScript语言、库和 Web 环境的支持都很好。所有关于react 、Vue.js、Electron的教程中也都推荐使用VSCode。

    VSCode的安装使用,进入VScode的官网 Visual Studio Code - Code Editing. Redefined  点击Download for Windows下载安装即可,非常方便。安装完成之后运行IDE进行一下语言选择,有方便的中文语言包支持。

    方法:使用快捷键: ctrl shift + p 打开快速命令编辑器,输入:Configure Display Language 直接选择中文,然后左边会出现一个安装列表,选择install中文包即可。点击后会提示重启:选择Restart重启VSCode即进入VSCode中文版如下:

 二、nodejs中的npm安装

       在使用vscode的时候,通过需要使用nmp命令来安装一些工具,比如使用NPM安装vue-cli,以及安装webpack,NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。

        同时NPM可以从NPM服务器下载别人编写的第三方包到本地使用,也可以从NPM服务器下载并安装别人编写的命令行程序到本地使用以及将自己编写的包或命令行程序上传到NPM服务器供别人使用。新版的nodejs已经集成了npm,
nodejs官网下载地址:下载 | Node.js 中文网

        安装之后在系统环境变量path中添加nodejs的安装目录路径,安装之后输入npm -v来测试是否成功安装。

PF1Q5R7Q-FMH+admin@PF1Q5R7Q-FMH MINGW64 /c/Program Files
$ npm -v
6.13.4

publish:March 8, 2020 -Sunday 

三、VUE中ESlint规范报错Block must not be padded by blank lines padded-blocks

    在使用VUE写一个async login方法时,运行正常,在进行一些简单的换行修改编辑后再运行发现报错:

error  Block must not be padded by blank lines  padded-blocks
error  Trailing spaces not allowed no-trailing-spaces

    我也没有进行什么内容修改啊,看提示说块不能用空行填充。原来这个error  Block must not be padded by blank lines  padded-blocks报错是提示多了空行,需要删掉。

    原因是使用了ESlint规范出现的格式问题,有规范是挺好,不过也是增加了不少麻烦!要么团队成员少,就删掉这个模块。团队成员多的话就一起遵守吧。

    ESlint规范中其它我还碰到如下的错误,错误提示内容和解决方法在此记录一下。

#代码中存在空行,删除此空行
error  Trailing spaces not allowed   no-trailing-spaces
#结尾分号
error  Extra semicolon               semi
#字符要用单引号
error  Strings must use singlequote  quotes
#双斜线注释之后要有空格
error  Expected space or tab after '//' in comment  spaced-comment

    公司的网络控制,禁止了一些视频相关协议,会导致这个错误。The media could not be loaded, either because the server or network failed or because the format is not supported.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

青岛IT音悦人.林戈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值