window上安裝nodejs 和react流程
-
先安裝Nodejs （基本的服務器和js模塊）
也可以可以通過百度網(wǎng)盤下載 鏈接：https://pan.baidu.com/s/1ZDyJQ7MPqQpw_Kqp4YzXWw 提取碼：tj7l
根據(jù)提示安裝就行
安裝好后，打開powershell命令行確認一下：node -v #應該顯示 12.x的版本 npm -v #應該顯示6.13.x的版本 安裝
vscode（編程用的工具）
可以在微軟官網(wǎng)下載帆锋，也可以通過網(wǎng)盤下載：
鏈接：https://pan.baidu.com/s/1JL9p08uko9tzGLzxCY4yTw 提取碼：zpmd安裝express 和react
打開windows 的powershell
安裝react模塊
npm install -g create-react-app
- 生成一個demo項目
用以下命令生產一個新項目
create-react-app demo1
如果出現(xiàn)以下錯誤
create-react-app : 無法加載文件 C:\Users\tomso\AppData\Roaming\npm\create-react- app.ps1吵取，因為在此系統(tǒng)上禁止運行腳本。有
關詳細信息锯厢，請參閱 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies皮官。所在位置 行:1 字符: 1
+ create-react-app react-test
+ CategoryInfo : SecurityError: (:) []脯倒，PSSecurityException
\ + FullyQualifiedErrorId : UnauthorizedAccess
則打開powershell的權限
set-executionpolicy remotesigned
之后再執(zhí)行就可以了。
- 啟動
nodejs和react
cd demo1
npm start
瀏覽器中打開 localhost:3000/ 就可以看到react了＾嗲狻Ｔ宥！
安裝Express
- 通過npm命令來安裝express
npm是一個用來管理node包的工具摄乒。跟npm類似的工具還有 yarn
在powershell中執(zhí)行：
$ npm install -g express
- 安裝express-generator悠反，這個工具可以用來簡單的生成express項目，非常實用
$ npm install -g express-generator
生成express項目
通過express-generator來自動生成項目缺狠。
執(zhí)行如下命令來生成一個sampleapp
$ express sampleapp
warning: the default view engine will not be jade in future releases
warning: use '--view=jade ' or ' -help' for additional options
create : sampleapp
create : sampleapp/package.json
create : sampleapp/app.js
create : sampleapp/public
create : sampleapp/public/javascripts
create : sampleapp/public/images
create : sampleapp/routes
create : sampleapp/routes/index.js
create : sampleapp/routes/users.js
create : sampleapp/public/stylesheets
create : sampleapp/public/stylesheets/style.css
create : sampleapp/views
create : sampleapp/views/index.jade
create : sampleapp/views/layout.jade
create : sampleapp/views/error.jade
create : sampleapp/bin
create : sampleapp/bin/www
install dependencies:
$cd sampleapp && npm install
run the app:
$ DEBUG=sampleapp:* npm start
啟動express
進入sampleapp目錄问慎，然后執(zhí)行模塊安裝
$cd sampleapp && npm install
然后啟動express
$ npm start
#或則如下命令也可以
$ node bin/www
可以在 localhost:3000//中看到express了
