在vscode搭建uuniapp微信小程序项目(小白笔记)

这篇具有很好参考价值的文章主要介绍了在vscode搭建uuniapp微信小程序项目(小白笔记)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第一步:

确定自己电脑已经安装最近版本的:node  /  npm  /   vue-cli

第二部:

从需要存放项目的文件夹打开到vscode中,根据uniapp官网提示在终端中输入⬇️

vue create -p dcloudio/uni-preset-vue my-project
 //后面的 my-project 是你的项目名称

第三部:

使用上下键选择适合自己开发需求的模版,回车确定。

vscode运行小程序,uniapp,vscode,笔记,微信小程序,javascript,前端,前端框架

第四部: 如果出现⬇️提示定位路径的命令指示说明项目已经创建OK了

👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
cd 路径名         
npm run serve

vscode运行小程序,uniapp,vscode,笔记,微信小程序,javascript,前端,前端框架

第五部:此时项目已经启动可以打开(如果在此过程中遇见报错请根据报错提示自行百度解决),后续需要在项目中下载并使用各种依赖包,因此需要使用npm i下载锁定安装时的包的版本号及包的依赖的版本号

vscode运行小程序,uniapp,vscode,笔记,微信小程序,javascript,前端,前端框架

 之后项目生成package-lock.json文件表明下载成功。文章来源地址https://www.toymoban.com/news/detail-685601.html


《拓展补充-持续更新》

  • 项目安装less编译:
npm install less less-loader —save
  • 安装cscc编译
yarn add sass sass-loader
npm i sass sass-loader

到了这里,关于在vscode搭建uuniapp微信小程序项目(小白笔记)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 搭建微信小程序环境及项目结构介绍

    搭建微信小程序环境及项目结构介绍

    访问微信公众平台,将鼠标的光标置于 账号分类 中的 小程序 上, 点击‘ 查看详情 ’ 点击“ 前往注册 ” 下方也可以 点击注册 : 小程序注册页面 : 步骤a :进入 小程序注册页 ,根据指引 填写信息 和 提交相应的资料 ,完成账号申请。 注意: 每个邮箱 仅能申请一个小程

    2024年02月07日
    浏览(34)
  • 【微信小程序独立开发1】项目提出和框架搭建

    【微信小程序独立开发1】项目提出和框架搭建

    前言:之前学习小程序开发时仿照别人的页面自己做了一个商城项目和小说项目,最近突发奇想,想从0开发一个关于《宠物日记》的小程序,需求和页面都由自己设计,将在这记录开发的全部流程和过程中遇到的难题等...  首先创建小程序项目,AppID在微信开发者页面自己申

    2024年01月22日
    浏览(18)
  • 【微信小程序】云开发从 0 到 1 实战,项目搭建及配置

    【微信小程序】云开发从 0 到 1 实战,项目搭建及配置

    一、新建项目 打开 uniapp 开发工具:HBuilderX,单击「文件」-「新建」-「项目」。 给你的小程序项目起个名字,然后启用 uniCloud 云开发,选择「阿里云」,点击创建。 如果未登录的话,会弹出下面的提示框,我们用刚刚注册的「HBuilderX」账号登录一下即可。 然后就会出现下

    2024年04月16日
    浏览(14)
  • vue3+ts+vite 搭建uniapp项目(微信小程序)

    vue3+ts+vite 搭建uniapp项目(微信小程序)

    模板下载: uniapp 官网通过vue-cli 命令行创建uniapp,参考uni-app官网,使用  npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 下载模板; 安装css预处理 sass: 项目终端输入: yarn add node-sass@^4.0.0 sass-loader@^10.0.1 sass (模板没有默认安装sass, 如果不安装直接使用会报错)  安装uni-ui组件

    2024年02月09日
    浏览(24)
  • 微信小程序 #项目笔记# | 从0到1实现婚礼邀请函小程序

    微信小程序 #项目笔记# | 从0到1实现婚礼邀请函小程序

    学习目标: 掌握小程序常用组件的使用 掌握腾讯视频插件的使用 掌握模板消息的使用 掌握背景音乐API、地图API的使用 1.开发前准备 1.1 项目展示 婚礼邀请函小程序由5个页面组成,分别是邀请函页面、照片页面、美好时光页面、婚礼地点页面、宾客信息页面。效果图如下:

    2024年02月03日
    浏览(10)
  • 小白学习微信小程序的数据请求和数据展示

    微信小程序的数据请求和数据展示是开发小程序中非常重要的一部分,本文将通过一个案例来详细介绍如何进行数据请求与展示。 在开始之前,需要确保已经安装了微信小程序的开发工具,并且已经注册了一个小程序的账号。如果还没有,请先完成这些步骤。 我们将使用一

    2024年04月25日
    浏览(10)
  • 用Taro做个微信小程序Todo, 小白工作记录

    做微信小程序的框架, 几个比较主流的: 官方的 WePY : https://tencent.github.io/wepy/document.html#/ 美团的 mpvue : http://mpvue.com/mpvue/#-html 京东的 Taro : https://taro.aotu.io/ 前两者都是Vue风格的, Taro是React的. 本篇本着学习的目的, 用Taro做一个简单的小程序. 代码在这里: https://github.com/mengdd/min

    2024年02月21日
    浏览(13)
  • 微信小程序如何开发,调试技巧,对程序员小白来说太重要了

    简要介绍一下微信小程序开发的基本流程和一些常用组件,供你参考。在实际开发过程中,你可以根据需求选择合适的组件和 API 进行开发。 首先,你需要注册成为微信小程序开发者。访问微信公众平台(https://mp.weixin.qq.com/)并用你的微信号登录。进入“小程序”模块,按照

    2024年02月07日
    浏览(14)
  • 微信小程序使用PHP调用后台mysql数据库-小白版

    微信小程序使用PHP调用后台mysql数据库-小白版

    1.域名备案 首先,需要有一个域名,且这个域名是已经备过案的。(如果小程序不发布正式版只用于线上测试则不影响) 2.后台服务器 其次,需要一个服务器,我这里使用的是宝塔面板,对小白很友好,很方便操作。 也可以买个虚拟主机,一个月几块钱左右,很适合小白弄

    2024年04月14日
    浏览(29)
  • 【小白专用】微信小程序个人中心、我的界面(示例一)23.11.04

    【小白专用】微信小程序个人中心、我的界面(示例一)23.11.04

    微信小程序使用button按钮实现个人中心、我的界面(示例一) 微信小程序个人中心、我的界面,使用button按钮实现界面布局,更好的将分享好友、获取头像等功能展现出来,更多示例界面,请前往我的主页哦。 1、js代码: 2、wxml代码 3、wxss代码 4、json代码

    2024年02月05日
    浏览(14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包