当前位置: 首页 > news >正文

Vscode中Vue文件保存格式化、 ElementUI、Font Awesome俩大插件使用

Vscode中Vue文件老一片红色出现格式错误??如何运行别人的项目(没有node_modules文件)??选用组件与图标??

解决问题一

前提有:Prettier ESLint插件、ESLint插件==
1.打开settings进行设置
在这里插入图片描述
2.找到文本进行编辑,打开其中的settings.json文本
在这里插入图片描述
往里面的内容添加

“tabSize”, “editor.codeActionsOnSave”: {
“source.fixAll.eslint”: true },
“vetur.format.defaultFormatterOptions”: {
“prettier”: {
“singleQuote”: true,
“semi”: false,
“trailingComma”: “none”
}
}
最终文本内容为(我的为例)
在这里插入图片描述

解决问题二

node_modules文件保存的是项目下载的一些插件或依赖,往往很大。但是package.json里面有记录,所以我们只需要在项目的根目录终端下进行 npm install命令,就可以生成node_modules文件。
然后在终端:
1.启动API server服务
cd server
node index.js
2.开启vue
npm run serve

解决问题三

安装ElementUI、Font Awesome俩插件

npm install element-ui
npm install font-awesome

全局导入(mian.js文件里面):

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'font-awesome/css/font-awesome.min.css'

这两大组件的学习:
fontawesome图标库的官方文档
ElementUI的官方学习文档

http://www.lryc.cn/news/33484.html

相关文章:

  • 汽车标定知识整理(三):CCP报文可选命令介绍
  • kubeadm安装K8S(集群)
  • Baumer工业相机堡盟相机如何使用PnPEventHandler实现相机掉线自动重连(C++新)
  • Windows 命令行基础
  • 面试官: 谈下音视频同步原理,音频和视频能绝对同步吗?
  • CFS三层靶机安装与配置
  • 爬虫入门教程-Spider
  • Python|蓝桥杯进阶第二卷——贪心
  • Chrome开发使用技巧总结
  • 你真的会在阳光下拍照片么?
  • 量化择时——均线策略及改进方法(第1部分—因子测算)
  • 封装几个有用的 Vue3 组合式API
  • MyBatisPlus中的条件构造器Wrapper
  • 类和对象及其构造方法
  • HStream Console、HStreamDB 0.14 发布
  • 参考文献怎么查找,去哪里查找?一篇文章讲明白这些问题
  • docker-compose+HAProxy+Keepalived搭建高可用 RabbitMQ 集群
  • 自动化框架如何搭建?让10年阿里自动化测试老司机帮你搞定!自动化测试脚本怎么写?
  • 剑指 Offer 15. 二进制中1的个数
  • CHAPTER 3 磁盘管理
  • MS python学习(7)
  • 工业物联网“杀手级”应用—预测性维护
  • Java代码弱点与修复之——Explicit null dereferenced(显式空间接引用)
  • 一元导数与多元求导数总结
  • 通过堆栈分析深拷贝、浅拷贝、赋值的差异
  • 网络割接概述
  • 开放开源开先河(下)
  • maven的学习
  • 从前端到后端全面解析文件上传
  • 全网火爆,软件测试面试题大全,接口测试题+回答 (18k+的offer)