【开发】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
1、个人笔记
2、前端环境配置
2.1、Node版本管理工具(NVM)的配置和使用(noinstall版)
2.1.1、下载mvn-noisntall版:https://github.com/coreybutler/nvm-windows/releases
2.1.2、将压缩包解压到合适的文件夹下
2.1.3、编辑settings.txt文件(不存在创建即可)
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环境变量配置。
总结:
希望可以运行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
可查看可使用的版本,
2.2.2、nvm切换node版本并使用node和npm
win+r
输入 cmd
进入命令提示符,
输入nvm use 版本号
可切换到需要使用的node版本
输入node -v
可以查看node版本号之后,即表示安装成功
输入npm
可查看到帮助信息之后,即表示安装成功
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配置文件
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中打开项目。
3.2、在idea命令行执行yarn run serve
命令,前端项目就启动了
4、学习总结
5、参考资料
https://blog.csdn.net/zl13141101/article/details/86681648