微信小程序入门04-后端脚手架搭建

这篇具有很好参考价值的文章主要介绍了微信小程序入门04-后端脚手架搭建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我们上一篇已经介绍了权限系统的库表搭建,光有表还是不够的,我们还需要有一个后台系统和数据库进行交互。搭建后台的时候既需要选择使用什么语言,也需要选择框架。

框架分为前端框架和后端框架。在第一篇微信开发者工具搭建的时候我们其实前端框架已经选择好了,使用TDesign,第一篇开发者工具已经帮我们搭建了小程序端的框架,本篇我们介绍一下PC端框架的搭建过程

1 安装nodejs

现在主流的前端框架都是使用npm安装,需要先安装nodejs的环境,访问官方地址

https://nodejs.org/en

微信小程序入门04-后端脚手架搭建
我们下载稳定版进行安装

点击next
微信小程序入门04-后端脚手架搭建
勾选接受协议,点击Next
微信小程序入门04-后端脚手架搭建
选择安装路径,点击next
微信小程序入门04-后端脚手架搭建
保持默认,点击Next
微信小程序入门04-后端脚手架搭建
点击next
微信小程序入门04-后端脚手架搭建
最后点击Install完成安装
微信小程序入门04-后端脚手架搭建
安装完毕后,打开cmd,输入node -v查看一下是否安装成功
微信小程序入门04-后端脚手架搭建

2 什么是npm

npm是Node.js的包管理器,它允许开发人员在项目中安装、管理、更新和分享代码包。通过npm,开发人员可以轻松地将他们的代码分享给其他人,也可以使用他人共享的代码包来加速项目开发。npm还提供了一些有用的功能,如版本管理、依赖解析、命令行工具等,使得开发人员可以更加高效地管理和维护自己的项目。

3 安装TDesign

我们选择使用vue来开发,打开官方地址

https://tdesign.tencent.com/starter/docs/vue/get-started

先创建一个项目的目录
微信小程序入门04-后端脚手架搭建
在命令行打开我们的目录
微信小程序入门04-后端脚手架搭建
输入cli的安装命令

npm i tdesign-starter-cli -g

微信小程序入门04-后端脚手架搭建
输入模板初始化命令

td-starter init

然后输入项目的名称,安装的版本
微信小程序入门04-后端脚手架搭建
然后进入安装好的目录

cd diancancms

输入npm的安装命令

npm install

微信小程序入门04-后端脚手架搭建
安装成功后启动项目

npm run dev

微信小程序入门04-后端脚手架搭建
微信小程序入门04-后端脚手架搭建

总结

我们本篇主要讲解的是后端脚手架的搭建,所谓的脚手架就是帮助我们快速的进行开发,现在也都是组件化开发,开源框架已经提供了丰富多彩的组件,只需要我们把组件按照业务串联在一起就可以了。文章来源地址https://www.toymoban.com/news/detail-446882.html

到了这里,关于微信小程序入门04-后端脚手架搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 快速搭建一个go语言web后端服务脚手架

    快速搭建一个go语言web后端服务脚手架 源码:https://github.com/weloe/go-web-demo web框架使用gin,数据操作使用gorm,访问控制使用casbin 首先添加一下自定义的middleware recover_control.go ,统一处理panic error返回的信息 access_control.go 使用casbin进行访问控制的中间件 reader.go 读取yaml配置文件

    2023年04月12日
    浏览(61)
  • springcloud-alibaba五大核心组件-后端开发工程(脚手架)搭建

    Gitee仓库地址 点我 服务注册与发现: nacos 配置中心: nacos 服务远程调用: openfeign 微服务网关: gateway 服务限流降级熔断等: sentinel 实现的功能demo openfeign服务远程调用 sentinel限流测试 gateway网关调用2个微服务 nacos的服务注册与发现 软件架构(环境) jdk: 1.8 maven: 3.5.2 nacos: 注册中心

    2024年02月05日
    浏览(34)
  • Vue脚手架使用【快速入门】

    在黑窗口中输入vue ui命令 再更改完路径地址后需要按回车 第一种可以在黑窗口输入命令安装 第二种使用图形化安装 第一种可以在黑窗口输入命令安装 第二种使用图形化安装 1 Vscode [必须用vscode] 2 Webstorm [它和idea一模一样] 3 idea打开—安装vue插件 输入命令 启动成功 如果不能

    2024年02月15日
    浏览(39)
  • Vue开发项目入门——Vue脚手架

            Vue脚手架是Vue官方提供的标准化开发工具(开发平台), 它 提供命令行和UI界面,方便创建vue工程、配置第三方依赖、编译vue工程。         特别注意:Vue脚手架是用来方便开发的,但vue脚手架不是最终发布到生产环境的产品。很多人会误认为生产环境也要安装

    2023年04月08日
    浏览(24)
  • vue 脚手架新手入门(vue cli 3)

    “:” 是指令 “v-bind”的缩写。用来绑定数据 @”是指令“v-on”的缩写。用来监听,并调用方法 下面是绑定class属性的数值。 监听点击动作 1.1、v-model 双向绑定 双向绑定 上面的操作等于 v-model 会将被绑定的值与 的值自动同步,这样我们就不必再使用事件处理函数了。 v-mo

    2024年02月09日
    浏览(29)
  • Webpack5入门到原理19:React 脚手架搭建

    package.json .eslintrc.js babel.config.js webpack.config.js 修改运行指令 package.json

    2024年01月21日
    浏览(37)
  • Webpack5入门到原理20:Vue 脚手架搭建

    package.json .eslintrc.js babel.config.js

    2024年01月24日
    浏览(41)
  • 【前端】Vue2 脚手架模块化开发 -快速入门

    🎄欢迎来到@边境矢梦°的csdn博文🎄  🎄本文主要梳理Vue2 脚手架模块化开发 🎄 🌈我是边境矢梦°,一个正在为秋招和算法竞赛做准备的学生🌈 🎆喜欢的朋友可以关注一下 🫰🫰🫰 ,下次更新不迷路🎆 Ps: 月亮越亮说明知识点越重要 (重要性或者难度越大)🌑🌒🌓🌔🌕

    2024年02月10日
    浏览(40)
  • React从入门到实战-react脚手架,消息订阅与发布

    创建项目并启动 全局安装 npm install -g create-react-app 切换到想创建项目的目录,使用命令:create-react-app 项目名称 ​ cd 项目文件夹, npm start 启动项目 创建项目遇到的问题 create-react-app : 无法加载文件 ​ 解决办法: 1.以管理员身份打开windows PowerShell 2.输入set-ExecutionPolicy Remote

    2024年02月15日
    浏览(41)
  • 实现二分搜索函数,设计脚手架程序进行自动测试。

    1. 设计思路   二分搜索算法每次将数组中间值与目标值相比较,若相同,则该元素就是要寻找的元素,若不相同,二分搜索法通过一定的方法抛弃一半的待搜索区间,在剩余的区间中继续以相同方法搜索目标值. 2.源代码 3. 运行结果 7 3 (搜索7,由运行结果知7的下标为3。

    2024年02月16日
    浏览(29)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包