安裝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工程