草庐IT

cli-plugin-eslint

全部标签

Vscode爆红,Delete `␍`eslint(prettier/prettier)错误的解决方法

目录一、问题二、主要原因三、解决办法方法1:vscode全局配置方法2:文件底部配置方法3:修改项目.prettierrc文件方法4:修改git全局配置一、问题使用vscode学习nest.js的过程中,遇到了多处爆红,编辑器每行代码最后都出现了红色的波浪号。如图:二、主要原因通过度娘大力支持,最终在多种方法结合下解决了这些波浪线。源头都是因为安装了Prettier插件指定了文件的结尾换行符与系统不一致导致的。Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF;而项目仓库中默认是Linux环境下提交的代码,文件默认是以LF结尾的,这也是工程化的需要。我们的Prettier

vue全家桶进阶之路22:Vue CLI脚手架

VueCLI是一个基于Vue.js的官方脚手架工具,它可以帮助我们快速创建和管理Vue.js项目,提供了一些工具和配置来帮助我们开发和调试Vue.js应用。一切框架都是为了将开发变得简单、快捷、易操作,VueCLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了。VueCLI提供了很多常用的功能和配置,例如:通过命令行快速创建一个新的Vue.js项目,并且可以选择不同的模板和配置。集成了webpack和webpack-dev-server,可以自动进行打包和热

vue全家桶进阶之路22:Vue CLI脚手架

VueCLI是一个基于Vue.js的官方脚手架工具,它可以帮助我们快速创建和管理Vue.js项目,提供了一些工具和配置来帮助我们开发和调试Vue.js应用。一切框架都是为了将开发变得简单、快捷、易操作,VueCLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了。VueCLI提供了很多常用的功能和配置,例如:通过命令行快速创建一个新的Vue.js项目,并且可以选择不同的模板和配置。集成了webpack和webpack-dev-server,可以自动进行打包和热

webpack与vue-cli的关系

目录1、什么是Webpack2、为什要使用WebPack3、WebPack和Grunt以及Gulp相比有什么特性  4、什么是vue-cli  5、webpack与vue-cli的关系 🔽扩展:vue-cli2.x与vue-cli3.x创建vue脚手架项目结构对比  📚 参考资料  vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的bash,或者bat。用vue-cli执行build,实际上是webpack做的。原本需要自己配置webpack的相关配置,被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。1、什么是WebpackWebP

webpack与vue-cli的关系

目录1、什么是Webpack2、为什要使用WebPack3、WebPack和Grunt以及Gulp相比有什么特性  4、什么是vue-cli  5、webpack与vue-cli的关系 🔽扩展:vue-cli2.x与vue-cli3.x创建vue脚手架项目结构对比  📚 参考资料  vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的bash,或者bat。用vue-cli执行build,实际上是webpack做的。原本需要自己配置webpack的相关配置,被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。1、什么是WebpackWebP

如何使用vue-cli来搭建vue项目?详细步骤跟着我来吧!

目录一、什么是vue-cli?二、前提:搭建好NodeJS环境 安装vue-cli三、使用脚手架vue-cli(2.X版)来构建项目 第一步 第二步 第三步 第三步第四步 三、SPA完成路由的开发第一步​编辑第二步第三步 第四步 第四步 四、嵌套路由使用children属性 五、知识总结 一、什么是vue-cli? vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:              vueinitwebpackxxx           注意:①xxx为自己创建项目的名称          ②必须先安装vue,vue-cli,we

如何使用vue-cli来搭建vue项目?详细步骤跟着我来吧!

目录一、什么是vue-cli?二、前提:搭建好NodeJS环境 安装vue-cli三、使用脚手架vue-cli(2.X版)来构建项目 第一步 第二步 第三步 第三步第四步 三、SPA完成路由的开发第一步​编辑第二步第三步 第四步 第四步 四、嵌套路由使用children属性 五、知识总结 一、什么是vue-cli? vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:              vueinitwebpackxxx           注意:①xxx为自己创建项目的名称          ②必须先安装vue,vue-cli,we

ESLint 配置入门

大家好,我是前端西瓜哥,今天带大家了解ESLint的配置项。ESLint是一款检查JavaScript程序是否符合特定的规则的工具。比如字符串用单引号还是双引号,tab缩进用2个空格还是4个空格还是其他,这些都可以用ESLint来规定。安装你可以通过下面命令来安装以及生成默认的ESLint配置npminit@eslint/config执行后,它有一个命令行的交互,根据提问需要选择即可。然后你会得到一个.eslintrc.json或者.eslintrc.js或.eslintrc.yaml文件(根据你的选择)。我没有使用一些流行的默认eslint配置包,选择了自定义规则。我的.eslintrc.j

ESLint 配置入门

大家好,我是前端西瓜哥,今天带大家了解ESLint的配置项。ESLint是一款检查JavaScript程序是否符合特定的规则的工具。比如字符串用单引号还是双引号,tab缩进用2个空格还是4个空格还是其他,这些都可以用ESLint来规定。安装你可以通过下面命令来安装以及生成默认的ESLint配置npminit@eslint/config执行后,它有一个命令行的交互,根据提问需要选择即可。然后你会得到一个.eslintrc.json或者.eslintrc.js或.eslintrc.yaml文件(根据你的选择)。我没有使用一些流行的默认eslint配置包,选择了自定义规则。我的.eslintrc.j

vue-cli 脚手架创建uniapp项目(微信小程序)

安装1、全局安装vue-cli脚手架(不建议用5.0版本,避免报错)npminstall-g@vue/cli@4.5.192、脚手架创建项目vuecreate-pdcloudio/uni-preset-vuemy-project3、选择默认模板即可4、编译并启动项目npmrundev:mp-weixin 5、开发者工具,导入项目,注意路径"项目地址/dist/dev/mp-weixin"开发的规范不能直接在开发者工具中修改代码,口诀:vscode做开发,开发者工具做调试标签使用小程序的规范,语法使用vue的即可项目目录结构App.vue相等于原生小程序app.wxss(全局样式文件)和app.