一、【问题现象】如下图,在初始化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依赖的版本】。