【开发】Jeecg-Boot 低代码开发平台(一)之前端开发环境配置与启动

0、随笔概述

技术官网: http://www.jeecg.com
在线演示 : http://boot.jeecg.com
在线演示(VUE3beta版):http://boot3.jeecg.com
开发文档: http://doc.jeecg.com
JEECG BOOT低代码开发平台链接:https://gitee.com/luanyutop/jeecg-boot
gitclone 地址:https://gitee.com/luanyutop/jeecg-boot.git

image

1、个人笔记

2、前端环境配置

2.1、Node版本管理工具(NVM)的配置和使用(noinstall版)

2.1.1、下载mvn-noisntall版:https://github.com/coreybutler/nvm-windows/releases

image

2.1.2、将压缩包解压到合适的文件夹下

image

2.1.3、编辑settings.txt文件(不存在创建即可)

image

root: D:\AAAWorkAAA\nvm
path: D:\AAAWorkAAA\nvm\nodejs
node.exe
arch: 64
proxy: none
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

2.1.4、配置mvn和nodejs的环境变量

win+r 输入 sysdm.cpl点击菜单栏找到高级,点击右下角环境变量,进行NVM环境变量配置。
image
image
总结:
希望可以运行nvm命令,下载绿色版nvm,告诉操作系统nvm.exe的地址,配置NVM_HOME和path,这样就可以在命令行终端使用nvm命令了。因为node负责下载安装node,settings.txt中的变量root是用来存放nvm下载的node的位置,是nvm默认的位置。接下来最重要的部分就是nvm可以切换使用不同版本的node,于是安排一个位置让nvm来放置当前用户所选择版本的node的node.exe(currently using),于是在settings.txt中配置path路径。最后,系统需要运行node命令,于是配置NVM_SYMLINK告诉操作系统node.exe在哪里,并添加NVM_SYMLINK到path中。

2.2.1、nvm安装nodejs

win+r 输入 cmd进入命令提示符,
输入nvm install 16,nvm会自己下载,
输入nvm list可查看可使用的版本,

image

2.2.2、nvm切换node版本并使用node和npm

win+r 输入 cmd进入命令提示符,
输入nvm use 版本号可切换到需要使用的node版本
输入node -v可以查看node版本号之后,即表示安装成功
输入npm可查看到帮助信息之后,即表示安装成功
image

2.2.3、node使用cnpm命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
在此处遇到问题,重新配置过nodejs,其中npm配置过缓存路径,下载cnpm后cmd中一直不可用,后发现是npm配置没有清理

npm config help		npm config配置帮助
npm list			npm配置详情
cpm config edit		编辑npm配置文件

image

2.3.1、npm安装yarn用以启动前端项目

npm install -g yarn		npm安装yarn
yarn --version			查看yarn版本

2.3.2、npm和yarn命令对比

NPM Yarn 说明
npm init yarn init 初始化某个项目
npm install/link yarn install/link 默认安装依赖
npm install taco --save yarn add taco 安装某个依赖并默认保存到package
npm uninstall taco --save yarn remove taco 移除某个依赖
npm install taco --save -dev yarn add taco -dev
安装某个开发时的依赖
npm update taco --save yarn upgrade taco 更新某个依赖项目
npm install taco --global yarn global add taco 安装某个全局依赖项目
npm publish/login/logout yarn publish/login/logout 发布/登录/退出
npm run/test yarn run/test 运行某个命令

Yarn 安装与使用教程:https://www.jianshu.com/p/919bdd2c5162

3、启动系统

3.1、找到合适的文件夹下使用git clone https://gitee.com/luanyutop/jeecg-boot.git源码或直接在idea中打开项目。

image
3.2、在idea命令行执行yarn run serve命令,前端项目就启动了
image

4、学习总结

5、参考资料

https://blog.csdn.net/weixin_30270889/article/details/96934369?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-1.pc_relevant_paycolumn_v3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-1.pc_relevant_paycolumn_v3&utm_relevant_index=2

https://blog.csdn.net/zl13141101/article/details/86681648

https://www.cnblogs.com/hjson/p/10276532.html

https://www.cnblogs.com/nowar/p/node.html

posted @ 2022-01-22 14:29  心即理-致良知-事上炼  阅读(2072)  评论(0编辑  收藏  举报