前端环境准备并快速启动

注意: 部署/启动前端的过程中如果出现问题,请先在 常见问题 中寻找答案。如仍未解决,请及时在群里咨询。


视频教程(点此观看)


1. 需要安装的工具

  • Node.js (v20.16.0)
  • VSCode

注意:以上工具需安装在本地开发电脑上,根据实际情况补充所需工具。


2. 安装 Node.js

  • 检查是否已安装

    在终端中输入以下命令:

    node -v

    如果安装了,会出现版本号。建议使用 20.16.0 版本。

  • 下载 Node.js

    如果未安装,请选择以下任一方式下载:

    • 官网下载Node.js v20.16.0
      下载好了之后,双击,开始安装:
      前端环境准备并快速启动
      一直点击 Next 直到 Install 完成安装。
      前端环境准备并快速启动
  • 验证安装

    再次运行以下命令检查是否安装成功:

    node -v
    npm -v

    出现版本号表示安装成功:
    前端环境准备并快速启动


3. 安装 VSCode

如果已安装,请忽略此步骤。

  • 下载 VSCode

    选择以下任一方式下载:

    安装完成后,打开 VSCode 并加载前端工程 SS_FRONT_MODULES

  • 配置项目

    ss-boot 子工程中,打开 vue.config.js 文件,将 target 地址修改为后端开发地址:
    前端环境准备并快速启动


4. 安装 Vue CLI

  • 安装

    在 VSCode 的终端中输入以下命令安装 Vue CLI (v5.0.8):

    npm install -g @vue/cli@5.0.8
  • 验证安装

    检查安装是否成功:

    vue --version

    安装成功将显示版本号。


5. 配置 npm 源

  • 设置 npm 源为内部源

    npm config set registry http://nexus.shushi.pro/repository/kunlun/
  • 登录 NPM 源

    注意:用户名和密码在部署包的 xxx账号.md 文件中。

    npm login --registry "http://nexus.shushi.pro/repository/kunlun/"
    
    npm info underscore

    成功登录后,将出现相关信息:
    前端环境准备并快速启动
    前端环境准备并快速启动


6. 安装 pnpm

  • 验证安装

    在终端中输入以下命令安装 pnpm:

    npm install -g pnpm
  • 验证安装

    检查安装是否成功:

    pnpm -v
  • 清理缓存

    pnpm run clean
  • 安装依赖包

    pnpm i

    注意:此过程可能较慢。


7. 启动项目

启动开发环境:

pnpm run dev

启动成功后,您可以直接访问项目。
前端环境准备并快速启动

Oinone社区 作者:红莲原创文章,如若转载,请注明出处:https://doc.oinone.top/xin-ren-ru-men/18827.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
红莲的头像红莲数式员工
上一篇 2024年10月31日 am10:42
下一篇 2024年10月31日 pm5:30

相关推荐

  • 环境准备须知

    本地开发:自己使用idea开发,写代码的电脑。服务器:用来部署无代码设计器的。会安装docker、mysql本教程模拟的 本地是windows系统 和 服务器是Centos的系统 注意事项条件 需要准备一台4核16G的Linux服务器,操作系统推荐CentOS 7.6 64位 1、互通性 ● 本地开发ip   能否调通   服务器ip   在本地执行命令:ping 192.168.0.121(替换成自己的服务器ip) ● 部署docker的宿主机ip 能否调通 本地开发ip   进入服务器执行命令:ping 192.168.0.60(替换成自己的本地ip) 注意:推荐双向都能调通,如果不通的话从无代码端访问本地数据会无法显示。 2、确定系统架构 查看当前系统架构: 使用 arch(推荐使用) 或者uname -a 命令 x86_64:表示支持 AMD64 架构。 aarch64:表示支持 ARM64 架构 本平台所有镜像均使用docker manifest支持amd64和arm64架构!(如果有其他架构请先联系数式人员确定能否使用) 注意!注意!注意!以上条件必须先明确好,再进入后面的部署。

    2024年10月30日
    66500
  • demo基础写法学习

    1.1.1空工程准备准备工作 1.1.2建应用– 声明编码常量、名称常量– 加注解– 重写packagePrefix方法 1.1.3建完应用改配置 1.1.4建模型– 继承基类– 声明编码常量– 加注解详细文档:https://doc.oinone.top/oio4/9232.html 1.1.5建简单字段– java方式写字段– 加注解 1.1.6配菜单秒懂:定义菜单名称+绑定模型 1.1.7常用注解必填/唯一/搜索条件/隐藏/表单分列/上传图片/只读/提示 1.1.8数据字典(枚举)穷举详细文档:https://doc.oinone.top/oio4/9237.html 1.1.9序列化&多值详细文档:https://doc.oinone.top/oio4/9238.html 1.1.10建立一对多关系 1.1.11建立多对一关系 1.1.12建立多对多关系 1.1.13写方法action写了action,界面上有按钮(相当于springboot的Controller层) 1.1.14写方法Function写Function,界面上没有按钮(相当于springboot的Service层) 1.1.15继承多态详细文档:https://doc.oinone.top/oio4/9246.html 1.1.16扩展点– 自定义扩展点– 平台默认的扩展点详细文档:https://doc.oinone.top/oio4/9248.html 1.1.17拦截器详细文档:https://doc.oinone.top/oio4/9247.html

    2024年11月5日
    63500
  • 后端部署启动常见问题

    1、如出现以下报错,直接点击 JAR manifest 即可 2、出现“未经许可授权模块无法访问" 报错: 原因: 有可能是因为jdk版本低于1.8_221版本。 解决方式: (1)可以重装jdk,选择安装包里面提供的(2)低于1.8_221版本的需要覆盖掉jce, 原因:https://www.cnblogs.com/jinloooong/p/10619353.htmljce可以在这里下载, https://doc.oinone.top/install/backendinstall/13760.html如果以上解决方式无效,请联系数式员工。 3、出现“境信息检查不通过,请根据以上提示信息进行修改" 报错: 原因: 新版本加了环境检验,同base库同Redis下中间件和版本不一致导致的校验失败 解决方式: 需要保持同环境下的版本、中间件配置等一致 4、出现“创建数据库错误" 报错: 原因: 可能是因为开了防火墙,导致连接不上数据库 解决方式: 关闭防火墙:systemctl stop firewalld

    2024年10月31日
    93700
  • 入门学习路径

    前端学习路径 后端学习路径

    2024年10月25日
    1.4K00
  • 后端环境准备并快速启动

    注意: 部署/启动后端的过程中如果出现问题,请先在 常见问题 中寻找答案。如仍未解决,请及时在群里咨询。 视频教程(点此观看) 一、环境搭建 1. 需要安装的工具 JDK(1.8_221+) Maven IDEA 注意:以上工具需安装在本地开发电脑上,根据实际情况补充所需工具; 已安装请忽略。 2. 安装 JDK(JDK1.8_221+) 检查是否已安装 JDK 在终端中执行以下命令: java -version 如果安装了,会出现版本号。如果没有安装,请选择以下方式下载 JDK: 官网下载(建议下载 JDK 8, installer):Oracle JDK下载 注意:JDK版本必须高于1.8_221+版本。若无法升级,低于这个版本需要覆盖JCE(覆盖JCE:https://www.cnblogs.com/jinloooong/p/10619353.html) 配置环境变量 打开 Windows 环境变量配置页: 此电脑 => 右键属性 => 系统高级设置 => 环境变量 在用户环境变量中新建变量为JAVA_HOME的项,值为JDK安装之后的路径 变量名:JAVA_HOME 变量值:JDK 安装路径 编辑变量为Path的项添加一个值%JAVA_HOME%\bin 在 PowerShell 或 CMD 中验证,输入java -version,输出类似信息为安装配置成功 3. 安装 Maven 检查是否已安装 Maven 在终端中执行: mvn -v 如果安装了,会出现版本号。如果未安装,请下载 Maven: 推荐安装: Maven 3.6.3 下载 下载后解压。 配置 Maven 私服 之前解压的数式提供的部署包中有两个settings.xml文件: 根据 Maven 版本选择对应的 settings.xml 文件: 3.6.x 及以下的版本使用 settings-3.6.3.xml 3.8.x 及以上的版本使用 settings-3.8.x.xml 具体步骤: 将对应的 settings-3.x.x.xml 复制到 Maven 安装目录的 conf 文件夹里面。 备份已有 settings.xml,将已经存在的settings.xml进行备份(即重命名)。 3.然后将 settings-3.x.x.xml 重命名为 settings.xml。 配置环境变量 在用户环境变量中新建变量为M2_HOME的项,值为Maven安装路径 变量名:M2_HOME 变量值:Maven 安装路径 编辑变量为Path的项添加一个值%M2_HOME%\bin 验证安装 在终端执行: mvn –version 出现下列信息,表示成功了: 如果仍然不成功,请检查环境变量配置。 4. 下载安装 IDEA IntelliJ IDEA Community Edition(社区版)即可,该版本免费且完全够用下载方式: 官网下载:IDEA下载链接 二、IDEA 配置 1. 下载 IDEA 插件 有2种方式: 【推荐】根据不同版本下载不同的idea插件 (联系Oinone获取) 插件下载地址:https://guide.oinone.top/zh-cn/DevManual/Tutorials/setup-guide.html#%E4%B8%89%E3%80%81%E5%90%8E%E7%AB%AF%E9%A2%9D%E5%A4%96%E5%B7%A5%E5%85%B7 1、打开 IDEA,依次点击菜单项 File => Settings => Plugins,找到下载的插件包。 2、找到自己前面下载的插件包:3、idea插件包输入验证码输入数式提供的验证码就进行验证, 若无提供向数式支持人员询问 2. IDEA 配置(Maven 配置,Annotation 配置) 先打开数式提供的部署包中的后端工程 设置 Maven 的 settings.xml: Maven home path:设置为下载的 Maven 路径。 User settings file:设置为 Maven conf 目录下的 settings.xml。 配置 Java Compiler 为 -parameters。 配置 Annotation Processors,勾选 Enable annotation processing。 编译 Maven 拉取包,执行 mvn install,然后再 reload。 3. 项目启动(修改 yml 文件) 修改 bootstrap.yml 中运行环境配置:…

    2024年10月31日
    1.3K00

Leave a Reply

登录后才能评论