首页 > 其他分享 >vscode部署Vue项目时遇到Expected linebreaks to be 'LF' but found 'CRLF'解决

vscode部署Vue项目时遇到Expected linebreaks to be 'LF' but found 'CRLF'解决

时间:2023-02-06 17:06:31浏览次数:73  
标签:LF npm Vue cnpm package vscode 安装 节点


小白第一次部署vue大项目,在vscode上进行。项目是完善的,我需要在此基础上添加功能,首先得在本地部署。(遇到了一些小问题,仅用于个人踩坑记录~)

1.cnpm与npm问题

npm

  • nmp(节点包管理器)是nodejs的包管理器,用于节点插件管理(安装、卸载、管理依赖等)
  • 使用npm安装插件:命令提示符执行npm install [-g] [–save - dev]
  • -g:全局安装。 将会安装在C:\ Users \ Administrator \ AppData \ Roaming \ npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求require()调用;
  • -save:将保存配置信息至package.json(package.json是nodejs项目配置文件);
  • 保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点;

但是npm相应的服务器在国外,下载很不友好

cnpm
cnpm是npm的淘宝镜像,官方网址是​​​cnpm淘宝镜像​

cnpm的用法和npm一致

2.回车换行符问题

运行过程中vscode报错Expected linebreaks to be ‘LF’ but found ‘CRLF’

这是由于不同系统不同工具下,换行符不同

我采用的有效方法是,找到eslintrc.js,给rules添加 ‘linebreak-style’: [“off”, “windows”],然后重启一下vscode,问题解决~


标签:LF,npm,Vue,cnpm,package,vscode,安装,节点
From: https://blog.51cto.com/u_15955908/6039813

相关文章

  • 理解vuex -- vue的状态管理模式
    [b]vuex是什么?[/b]先引用vuex官网的话:[quote]Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以......
  • 为什么要使用computed而不是data获取vuex中的state
    最近在学习vuex时,照着官网最基本的Vuex记数应用示例敲的时候遇到了这样一个问题想实现的效果:[img]http://dl2.iteye.com/upload/attachment/0130......
  • vue3中使用pinia
    包管理器安装yarnaddpinia#或者使用npmnpminstallpinia在目录下创建store文件夹,并创建index.js文件import{createPinia}from'pinia'constpinia=cre......
  • vue3自动引入api
    1、问题:vue3使用setup的api,每次都要引入就很麻烦,有没有自动引入的方法,这样就不用那么麻烦2、方案:通过使用unplugin-auto-import/vite插件来自动引入vue的api3、实操:在vi......
  • vue3引入SvgIcon
    这里使用vite-plugin-svg-icons插件yarnaddvite-plugin-svg-icons-D#ornpmivite-plugin-svg-icons-D#orpnpminstallvite-plugin-svg-icons-D在vite.con......
  • vue3配置@文件系统路径
    1、问题:在项目中引用通常是相对路径,在复用代码模块的时候,没注意就很容易路径出错2、方案:通过vite设置resolve.alias来配置文件系统路径,在文件中就可以使用配置的路径,移动......
  • 【Swiper】Swiper 滚动插件在 vue3 的使用,并手动设置切换
    效果图需求展示:右上角可左右滑动并控制遮罩层显示隐藏;每行显示4个,每次滑动4个安装npminstallSwiperyarnaddSwiperpnpmaddSwiper代码template<!--控制分......
  • vue项目国际化i18n的实现及思考
    国际化是什么?国际化对应的英文单词为Internationalization,又称“i18n”:i为单词的【第一个】字母18为【i和n之间】字母的个数n为单词的【最后一个】字母如果......
  • 直播软件app开发,VUE解决锚点刷新问题
    直播软件app开发,VUE解决锚点刷新问题  //子页面 //子页面按钮<divstyle="padding-top:20px;">  <el-buttontype="danger"@click="jumpConsole3">Started</......
  • vue实现canvas画很多条线,点击那条线就删除那条线需求。
    公司最近提了个新需求,就是要在canvas画板上要画许多条线,点击那条线就删除那条线的功能,刚开始我用的原生canvas,很麻烦并不容易实现。于是改变思路,用到了'KonvaJS'1、KonvaJ......