uni-app项目搭建

简介:uni-app 是一个用 vue 语法来开发小程序、App、H5 的框架,官方推荐的开发工具为 HBuilderX,使用起来有很好的开发体验。

不过,由于 HBuilderX 没有 Linux 版以及很多前端之前已经习惯了 vscode,不想更换编辑器。直接使用 vscode 开发 uni-app,其体验并不是很好。

其实 uni-app 和 vscode 也可以很搭,接下来为大伙带来 vscode 中 uni-app 的正确打开姿势。

CLI 工程

全局安装 vue-cli 3.x(如已安装请跳过此步骤)
npm install -g @vue/cli
通过 CLI 创建 uni-app 项目
vue create -p dcloudio/uni-preset-vue my-project

安装sass 依赖

npm install sass-loader node-sass

运行npm run xxx

 下面命令是打开微信小程序

npm run dev:mp-weixin

打开微信开发者工具就显示下图说明环境搭建成功了

原文地址:https://www.cnblogs.com/chen-cheng/p/14658417.html