第一次構(gòu)建react前端項(xiàng)目

zlyBear 發(fā)布于2019-08-26 10:44 / 568人閱讀

摘要：不過在此過程中知道了的一些用法。從版開始，增加了命令。除了調(diào)用項(xiàng)目內(nèi)部模塊，還能避免全局安裝的模塊。具體的可參考先寫到這后面再繼續(xù)。。。

1、使用creat-react-app腳手架工具創(chuàng)建react項(xiàng)目

按照官網(wǎng)說明，在終端輸入命令行：npx create-react-app my-app，結(jié)果報(bào)錯(cuò)如下：

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.com/creat-react-app - Not found
npm ERR! 404
npm ERR! 404  "creat-react-app@latest" is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersleiAppDataRoaming
pm-cache\_logs2019-08-13T05_17_11_599Z-debug.log
Install for creat-react-app@latest failed with code 1

不明覺厲，百度發(fā)現(xiàn)使用直接使用此命令來構(gòu)建項(xiàng)目各種錯(cuò)誤百出，原因各異，我這個(gè)應(yīng)該是沒有全局安裝creat-react-app這個(gè)腳手架工具造成的，因此我嘗試以下指令進(jìn)行安裝：

npm install -g create-react-app 
create-react-app my-app

結(jié)果一路通暢無阻就安裝成功了。
不過在此過程中知道了npx的一些用法。
npm 從5.2版開始，增加了 npx 命令。npx 想要解決的主要問題，就是調(diào)用項(xiàng)目內(nèi)部安裝的模塊。除了調(diào)用項(xiàng)目內(nèi)部模塊，npx 還能避免全局安裝的模塊。比如，create-react-app這個(gè)模塊是全局安裝，npx 可以運(yùn)行它，而且不進(jìn)行全局安裝。具體的可參考：http://www.ruanyifeng.com/blo...
2、先寫到這后面再繼續(xù)。。。

GPU云服務(wù)器云服務(wù)器前端react 怎么部署react項(xiàng)目前端框架react 前端構(gòu)建

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106699.html

相關(guān)文章

構(gòu)建前端項(xiàng)目

摘要：解決思路服務(wù)器端渲染服務(wù)器端和前端公用同一個(gè)應(yīng)用，然后通過構(gòu)建工具及配置，確定哪些組件需要再服務(wù)器端渲染，那些組件需要再客戶端渲染。服務(wù)器端渲染，由框架與構(gòu)建工具配合，并依據(jù)一定的項(xiàng)目結(jié)構(gòu)和編碼方式，共同運(yùn)行。分離為什么需要前后端分離、web服務(wù)器與static服務(wù)器分離: 前端與后端耦合 (需求) 自動化、工程化的構(gòu)建前端的代碼 (基礎(chǔ)條件) 模塊化、組件化，項(xiàng)目共享代碼 (...

mindwind 2019-08-23 13:51 評論0 收藏0
前端每周清單半年盤點(diǎn)之 React 與 ReactNative 篇

摘要：前端每周清單半年盤點(diǎn)之與篇前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)分為新聞熱點(diǎn)開發(fā)教程工程實(shí)踐深度閱讀開源項(xiàng)目巔峰人生等欄目。與求同存異近日，宣布將的構(gòu)建工具由遷移到，引發(fā)了很多開發(fā)者的討論。前端每周清單半年盤點(diǎn)之 React 與 ReactNative 篇前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為...

Barry_Ng 2019-08-22 10:54 評論0 收藏0
從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個(gè)前端項(xiàng)目

摘要：從到再到搭建編寫構(gòu)建一個(gè)前端項(xiàng)目選擇現(xiàn)成的項(xiàng)目模板還是自己搭建項(xiàng)目骨架搭建一個(gè)前端項(xiàng)目的方式有兩種選擇現(xiàn)成的項(xiàng)目模板自己搭建項(xiàng)目骨架。使用版本控制系統(tǒng)管理源代碼項(xiàng)目搭建好后，需要一個(gè)版本控制系統(tǒng)來管理源代碼。從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個(gè)前端項(xiàng)目 1. 選擇現(xiàn)成的項(xiàng)目模板還是自己搭建項(xiàng)目骨架搭建一個(gè)前端項(xiàng)目的方式有兩種：選擇現(xiàn)成的項(xiàng)目模板、自己搭建項(xiàng)目骨架。 ...

call_me_R 2019-08-23 13:43 評論0 收藏0
從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個(gè)前端項(xiàng)目

摘要：從到再到搭建編寫構(gòu)建一個(gè)前端項(xiàng)目選擇現(xiàn)成的項(xiàng)目模板還是自己搭建項(xiàng)目骨架搭建一個(gè)前端項(xiàng)目的方式有兩種選擇現(xiàn)成的項(xiàng)目模板自己搭建項(xiàng)目骨架。使用版本控制系統(tǒng)管理源代碼項(xiàng)目搭建好后，需要一個(gè)版本控制系統(tǒng)來管理源代碼。從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個(gè)前端項(xiàng)目 1. 選擇現(xiàn)成的項(xiàng)目模板還是自己搭建項(xiàng)目骨架搭建一個(gè)前端項(xiàng)目的方式有兩種：選擇現(xiàn)成的項(xiàng)目模板、自己搭建項(xiàng)目骨架。 ...

wzyplus 2019-08-02 12:08 評論0 收藏0
從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個(gè)前端項(xiàng)目

摘要：從到再到搭建編寫構(gòu)建一個(gè)前端項(xiàng)目選擇現(xiàn)成的項(xiàng)目模板還是自己搭建項(xiàng)目骨架搭建一個(gè)前端項(xiàng)目的方式有兩種選擇現(xiàn)成的項(xiàng)目模板自己搭建項(xiàng)目骨架。使用版本控制系統(tǒng)管理源代碼項(xiàng)目搭建好后，需要一個(gè)版本控制系統(tǒng)來管理源代碼。從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個(gè)前端項(xiàng)目 1. 選擇現(xiàn)成的項(xiàng)目模板還是自己搭建項(xiàng)目骨架搭建一個(gè)前端項(xiàng)目的方式有兩種：選擇現(xiàn)成的項(xiàng)目模板、自己搭建項(xiàng)目骨架。 ...

aristark 2019-08-29 17:24 評論0 收藏0