{……"vueCompilerOptions":{"plugins":["@uni-helper/uni-app-types/volar-plugin"]},……} 然后重启VSCode。最后我们发现vue文件的uniapp标签变绿了,而且没有报错: 最后tsconfig.json的整体内容如下: {"extends":"@vue/tsconfig/tsconfig.json","compilerOptions":{"ignoreDeprecations":"5.0","sourceMap":t...
然后在tsconfig.jsonorjsconfig.json配置compilerOptions.types和vueCompilerOptions,确保include包含了对应的vue文件。 {"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]},"types":["@dcloudio/types","uni-app-types"]},"vueCompilerOptions":{"experimentalRuntimeMode":"runtime-uni-app...
然后我们打开vue文件,发现uniapp的标签都变绿了,但是会有报错,这个VSCode的插件之间有冲突造成的,我们可以配置如下解决,参考官方文档: {……"vueCompilerOptions":{"plugins":["@uni-helper/uni-app-types/volar-plugin"]},……} 然后重启VSCode。最后我们发现vue文件的uniapp标签变绿了,而且没有报错: 最后tsconf...
然后我们打开vue文件,发现uniapp的标签都变绿了,但是会有报错,这个VSCode的插件之间有冲突造成的,我们可以配置如下解决,参考官方文档: {……"vueCompilerOptions":{"plugins":["@uni-helper/uni-app-types/volar-plugin"]},……} 然后重启VSCode。最后我们发现vue文件的uniapp标签变绿了,而且没有报错: 最后tsconf...
我们可以看到vue文件中,uniapp的组件并没有变绿,说明ts是没有生效的,我们先把uniapp的类型文件安装一下,如下: pnpm i -D @uni-helper/uni-app-types @uni-helper/uni-ui-types 我们在使用pnpm安装时,会报错,我们根据uni-helper的官方文档中的提示,将shamefully-hoist为true。这个需要我们找到家目录下的.npmrc...
创建uniapp项目 由于我们要使用VSCode去开发项目,而且项目要使用Vue3和TypeScript,所以我们要使用命令行去创建uniapp项目。先进入我们存放VSCode的项目目录,我的项目目录是D:\VSProjects,进入后,执行命令如下: 代码语言:shell 复制 npx degit dcloudio/uni-preset-vue#vite-ts 项目名称 ...
npx degit dcloudio/uni-preset-vue#vite-ts 项目名称 1. 创建其他版本可查看:uni-app 官网 2 编译和运行 uni-app 项目 安装依赖 pnpm install 1. 编译成微信小程序 pnpm dev:mp-weixin 1. 导入微信开发者工具 – 温馨提示: 在 manifest.json 文件添加小程序 appid 方便真机预览 ...
不过这个教程已经赶不上变化,对此我有必要去更新下这个教程,现在的话,用VSCode开发uni-app的体验比之前更好了。 目前通过vue-cli命令行创建的项目已经不再只是tsconfig.json,只有是使用ts的项目才会是tsconfig.json,否则会是jsconfig.json。所以这个问题已经不存在了。
创建uni-app项目 vue create -p dcloudio/uni-preset-vue uniapp-demo 1. 选择默认模板 项目创建完成 运行、发布 项目 npm run dev:%PLATFORM% npm run build:%PLATFORM% 1. 2. package.json 中的命令: npm run serve // h5 浏览器运行 npm run dev:mp-weixin // 微信小程序 ...
使用VSCode 开发 uniapp 的高效指南 引言 uniapp 是一种使用 Vue.js 开发所有前端应用的框架,支持编译到 iOS、Android、H5、以及各种小程序等多个平台。而 Visual Studio Code(VSCode)则是一款轻量级的、跨平台的代码编辑器,具有丰富的扩展生态和强大的调试功能。为了进一步提升编码效率,你可以结合百度智能云文心快码...