vscode开发uniapp初体验

674 阅读1分钟

不得不说HBuilderX真的很难用,特别是在习惯vscode后。

被领导安排要接受uniapp开发的小程序后,开始补这块的内容,项目是uniapp套H5,外层壳子,首页,导航啥的使用的uniapp完成,内容页面使用h5,我被分到的内容基本是h5的,但是uniapp还是一起了解下吧

先从工具入手,vscode开发uniapp

1.使用创建项目,选择模版即可

vue create -p dcloudio/uni-preset-vue my-project

2.项目运行,微信小程序接mp-weixin

npm run dev:mp-weixin

3.微信开发工具打开,从生成的dist文件中找到mp-weixin

4.uniapp插件推荐

  • create-uniapp-view 右键可以添加页面或组件,并且在pages.json文件中生成对应的path

  • uni-helper 代码块等