简介: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

uni-app项目搭建

 

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

npm run dev:mp-weixin

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

uni-app项目搭建

 

相关文章:

  • 2021-10-05
  • 2021-07-07
  • 2022-02-11
  • 2022-12-23
  • 2022-02-20
  • 2022-12-23
  • 2021-07-27
  • 2022-01-14
猜你喜欢
  • 2021-10-22
  • 2022-12-23
  • 2021-04-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案