【開發】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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM