vscode中开发运行uniapp项目详细步骤
在实际开发中，我们知道Hbuilder写代码和调试非常麻烦，换到我们的vscode，快捷键那些，界面插件调试，那叫一个舒服
输入这个
1、全局安装vue脚手架
npm install @vue/cli -g
2.查看node-v版本号，我的是16，就没啥问题
3.输入这个命令
vue create -p dcloudio/uni-preset-vue my-project
如果不连连接也很正常，因为没有科学上网，所以自己去github官网下个模板就行了
教大家一种简单的方法
如果是创建vue3.0 + vite + javascript的uni-app项目，直接在浏览器打开 https://github.com/dcloudio/uni-preset-vue 切换到vite分支下载zip后缀的压缩文件，解压到本地就可以了。
2、如果是创建vue3.0 + vite + typescript的uni-app项目，直接在浏览器打开 https://github.com/dcloudio/uni-preset-vue 切换到vite-ts分支下载zip后缀的压缩文件，解压到本地就可以了。
我选择了 这个
3、如果是创建vue2.0 + javascript的uniapp项目报错，解决办法费劲些：
直接在浏览器打开 https://github.com/dcloudio/uni-preset-vue，在master分支下载zip后缀的压缩文件，解压到本地。
通过命令行安装, -p后面是解压后的项目创建包的路径，记得路径中用/，而不是\。
vue create -p D:/uni-preset-vue-master my-vue2-project不能上gitub的小伙伴，到我的国内gitee的网址下载一样滴！！！
https://gitee.com/chen-zhengsheng/uniapp-vscode-vue3-ts-template?_from=gitee_search
然后按照提示选择选择执行即可
现在2023年了，建议都用vue3+ts+vite，那写起来是真的爽！！！
网页运行
npm run dev:h5
微信小程序运行
npm run dev:mp-weixin
此时会生成一个dist文件
选择就可以
名字换一个，然后appID用之前的就可以
这个我的代码就能在网页和微信小程序同时运行啦，实时保存热更新！
万事开头难，创建成项目就成功了一半
总结
到此这篇关于vscode中开发运行uniapp项目的文章就介绍到这了,更多相关vscode开发运行uniapp项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
这篇文章主要介绍了Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表) ,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了vue中如何监听url地址栏参数变化问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了vue electron应用调exe程序的实现步骤,用Python写了一个本地服务编译成exe程序,在electron程序启动后,自动执行exe程序,文中有详细的代码示例供大家参考,需要的朋友可以参考下2024-02-02
vue项目中,前端使用axios与后台进行数据请求或者提交的时候,如果后台没有设置跨域,浏览器做数据请求的时候就会报错,这篇文章主要给大家介绍了关于vue如何解决axios请求前端跨域问题的相关资料,需要的朋友可以参考下2021-10-10
这篇文章主要为大家介绍了vue调用浏览器摄像头实现及原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
本文给大家介绍Vue3中setup()函数中声明变量的几种方法,希望本文能够帮助你更好地理解Vue3的开发方式,感兴趣的朋友跟随小编一起看看吧2023-11-11
这篇文章主要介绍了Vue组件跨层级获取组件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
大家应该都知道vue是单向数据流，一般我们也不会在子组件里面修改父组件传进来的值，但总有需要修改的时候，这篇文章主要介绍了vue中修改props传进来的值,需要的朋友可以参考下2022-12-12
WebSocket是一种全双工通信协议,通过HTTP升级机制建立连接,支持实时双向数据传输,示例代码展示了如何在Java Spring Boot和Vue.js中实现WebSocket服务和客户端2025-02-02
这篇文章主要介绍了若依VUE前端打包到测试环境,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-12-12
最新评论