使用命令创建 vue3 创建新应用
npm create vue@latest
会看到一些可选功能的询问?
√ 请输入项目名称: … vue-project
√ 是否使用 TypeScript 语法? … 否 / 是
√ 是否启用 JSX 支持? … 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发? … 否 / 是
√ 是否引入 Pinia 用于状态管理? … 否 / 是
√ 是否引入 Vitest 用于单元测试? … 否 / 是
√ 是否要引入一款端到端(End to End)测试工具? 不需要
cd vue-project
npm install
npm run format
npm run dev
进入目录运行启动项目
运行之后发现vscode 在一些引入的语句,会提示错误,如下图:
我们需要在tsconfig.json里面进行配置
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"useDefine服务器托管网ForClassFields": true,
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"skipLibCheck": true,
"resolveJsonM服务器托管网odule": true,
"esModuleInterop": true,
"lib": ["esnext", "dom"],
"baseUrl": "./",
"paths": {
"@": ["src"],
"@/*": ["src/*"]
}
},
"include": [
"src/**/*.ts",
"src/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue",
"*.ts"
],
"references": [{ "path": "./tsconfig.node.json" }]
}
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
相关推荐: Qt之postEvent基本介绍理解源码分析使用注意事项
基本介绍 postEvent方法所属类为QCoreApplication,完整声明如下: [static] void QCoreApplication::postEvent(QObject *receiver, QEvent *event, int prior…