React/Next
React教學(1)-React19開發環境的搭建
0
87
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
沒有上一篇了
沒有下一篇了
沒有上一篇了
沒有下一篇了
Jonas
熱愛程式設計、英語、天文、旅游、電影、乒乓球與曳步舞,興趣廣泛。。。
評論列表
這篇文章還沒有任何的評論