一、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.