React/Next

React教學(1)-React19開發環境的搭建

汪子良 Jonas 2025-12-12
0 87
React教學(1)-React19開發環境的搭建


1,node.js必裝,必須是v18以上,至于怎麼安裝。。。這個就。。。不廢話了。

https://nodejs.org/en/download


2,驗證node.js是否安裝成功:

命令提示符: node -v,以及 npm -v


3,開啟vscode,裝個Prettier這個很好用的程式碼格式化的插件,這部份,裝不裝,隨便你:


然後,default formatter設一下,指定Preitter即可。


4,安裝React,不同於以往的create-react-app,當然還是1行指令:

npm create vite@latest [project-name] -- -templatereact


Note:

上面黃底的--,表示在它之後的參數,是傳給vite的,而不是npm。

-templatereact,意思是,使用react的模板來創建專案,

若不用js,而是ts,手動加-ts即可,或是在第5點中的options中選取。


另,Vite,這個單詞,來自法語,意思就是"快"的意思,很有趣吧!


5,接下來,一樣的套路,選擇你要的,愛你所愛的:






6,最後,看一下親愛的package.json,確認一下版本,然後完事^^




Tag: React
沒有上一篇了
沒有下一篇了

評論列表

這篇文章還沒有任何的評論
weather
臺北 天氣
多雲
17℃
心知天氣