初始化vue,返回Vue.js - The Progressive JavaScript Framework无颜色

一、【问题现象】如下图,在初始化vue的时候,如果返回字体无渐变色

正常情况应该是如下图渐变色

影响范围:因为没有渐变色,所以会影响到依赖引入的过程,“no”和“yes”没有颜色区分,所以我们无法确认到底是选择了“是”还是“否”

二、【解决办法】小技巧:

        1)不用重新安装vue新版本,继续用原来vue,就算没有颜色区分,咱们也可以通过上下按钮键来选择。一般引入依赖的时候,默认是“no”,所以咱们如果要确定引入依赖的话,点击键盘的向下键【↓】,记住一般只按一次就可以了,然后回车

        2)检查项目中的package.json文件,检查想要的依赖是否引入成功

下面是我自己引入了Typescript  / eslint  / prettier 之后,package.json中的内容,可以参考一下

{
  "name": "snysfc",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "run-p type-check \"build-only {@}\" --",
    "preview": "vite preview",
    "build-only": "vite build",
    "type-check": "vue-tsc --build --force",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
    "format": "prettier --write src/"
  },
  "dependencies": {
    "vue": "^3.4.29"
  },
  "devDependencies": {
    "@rushstack/eslint-patch": "^1.8.0",
    "@tsconfig/node20": "^20.1.4",
    "@types/node": "^20.14.5",
    "@vitejs/plugin-vue": "^5.0.5",
    "@vue/eslint-config-prettier": "^9.0.0",
    "@vue/eslint-config-typescript": "^13.0.0",
    "@vue/tsconfig": "^0.5.1",
    "eslint": "^8.57.0",
    "eslint-plugin-vue": "^9.23.0",
    "npm-run-all2": "^6.2.0",
    "prettier": "^3.2.5",
    "typescript": "~5.4.0",
    "vite": "^5.3.1",
    "vue-tsc": "^2.0.21"
  }
}

        3)然后在vscode终端执行下面语句

npm install

        4)最后检查当前项目的目录下文件,如下图区别,左图为【不引入任何依赖的精简版本】 右图为【 引入了TS/Prettier/ESLint依赖的版本】。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值