用凡科做的手机网站版,中国招商网,提供商城网站建设,哪里做网站我们使用 vue2 创建工程作为示例#xff0c;uni-app中Vue2版的组件库和插件也比较多#xff0c;稳定、问题少#xff0c;可以先参考下官方文档:uni-app官网 既然是使用vue脚手架#xff0c;那肯定要全局安装vue/cli#xff0c;已安装的可以跳过。
注意#xff1a;Vue2创…我们使用 vue2 创建工程作为示例uni-app中Vue2版的组件库和插件也比较多稳定、问题少可以先参考下官方文档:uni-app官网 既然是使用vue脚手架那肯定要全局安装vue/cli已安装的可以跳过。
注意Vue2创建的项目脚手架版本要用4的版本用5的版本运行项目会报错这里推荐 4.5.15
npm install -g vue/cli4.5.15创建项目后面是你的项目名字。
vue create -p dcloudio/uni-preset-vue 项目名称
这里我们选择默认模板。 在VSCode打开这个项目可以看看整个项目项目结构src下项目结构跟HbuilderX创建的根目录基本一样说明两种项目转换还是比较方便的。
tsconfig.json报错问题
目前通过vue-cli命令行创建的项目已经不再只是tsconfig.json只有是使用ts的项目才会是tsconfig.json否则会是jsconfig.json。所以这个问题已经不存在了。
增强pages.json和manifest.json开发体验
json文件写注释
我们打开pages.json和manifest.json发现会报红这是因为在json中是不能写注释的而在jsonc是可以写注释的。
解决方案我们把pages.json和manifest.json这两个文件关联到jsonc中然后就以写注释了。在设置中打开settings.json添加 安装以下插件辅助开发 组件提示
接下来就是组件语法提示如view、button等uni-app原生组件这个需要我们手动安装对应的依赖包。
npm i dcloudio/uni-helper-json如果是vue3,就不使用上面这个命令,而是下面这个
npm i -D uni-app-types然后在tsconfig.jsonorjsconfig.json配置compilerOptions.types和vueCompilerOptions确保include 包含了对应的 vue 文件。
{compilerOptions: {baseUrl: ./,paths: {/*: [src/*]},types: [dcloudio/types, uni-app-types]},vueCompilerOptions: {experimentalRuntimeMode: runtime-uni-app},include: [src/**/*.ts, src/**/*.d.ts, src/**/*.tsx, src/**/*.vue]
}如果你要使用uniCloud、uni-ui等可以安装uni-cloud-types、uni-ui-types等。
还有其他的可以去https://github.com/ModyQyW/uni-helper/tree/main/packages/uni-ui-types 注意cli创建的uni-app项目跟web项目一样需要安装对应的sass模块才能写scss。安装sass-loader建议版本10否则可能会导致vue与sass的兼容问题而报错。
npm i sass sass-loader10 -D运行、发布项目 npm run dev:mp-weixin
将打包后的dist文件夹中的mp-weixin
用微信小程序开发者工具打开
