利用IDEA建立簡單react項目

安裝node

官網https://nodejs.org/en/download/下載最新的穩定版本,下載安裝完以後在cmd界面輸入node -v 可以直接查看版本,安裝node時會自帶一個npm的包管理工具,在命令行通過 npm -v查看。


 
國內使用npm很慢,可以使用淘寶的鏡像來代替原有的,在命令行輸入:npm config set registry https://registry.npm.taobao.org 即可設置。安裝好node,會自動將node設置系統的環境變量,將npm設置爲系統的用戶變量,可在系統環境變量中查看。

npm常用命令

npm list  //查看本地已安裝模塊清單
npm list [packageName] // 查看本地已安裝模塊版本
npm info [packageName] //查看模塊的詳細信息 包括各版本號等
npm view [packageName] version // 查看模塊遠程最新版本
npm view [packageName] versions // 查看模塊遠程所有版本

#一般安裝模塊在{User}/AppData/Roaming/npm文件夾中
npm install [packageName] //安裝模塊
npm install [packageName]@xxx.xx //安裝模塊的指定版本
npm install [packageName]  -g //全局安裝模塊
npm install [packageName] --save 安裝好後寫入package.json的dependencies中(生產環境依賴)
npm install [packageName] --save-dev 安裝好後寫入package.json的devDepencies中(開發環境依賴)

npm uninstall [packageName] // 刪除模塊
npm uninstall [packageName] -g //卸載全局模塊
npm uninstall [packageName] --save  // 刪除模塊,同時刪除模塊留在package.json中dependencies下的對應信息
npm uninstall [packageName] --save-dev  // 刪除模塊,同時刪除模塊留在package.json中devDependencies下的對應信

安裝create-react-app
安裝create-react-app有利於我們快速創建一個react應用,安裝命令:npm install -g create-react-app,會下載很多模塊及相應的依賴。

創建並運行項目
在cmd中切換至工作空間,輸入create-react-app demo01創建一個react項目


 
輸入npm start,都可以看到成功的啓動了項目

Ideal配置react開發環境

安裝node.js插件

進入IDEA後,檢查是否安裝node.js,插件安裝方法:在file > setting > plugins 然後手動點擊Browe rep....,安裝完,重啓IDEA就能找到上圖的nodejs

新建react工程


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章