vue前端專案開發環境搭建並用npm方式執行

2022-07-15 10:30:15 字數 1855 閱讀 9200

(可選)注意:如設定了**限制,可通過cmd控制台輸入npm config set proxy=

為取消**模式

cnpm**映象設定完成

安裝成功,之前安裝過所以提示略有不同

具體表現會導致用手腳架的生成的專案結構會有一點不同,預設啟動專案命令也會從

npm run dev 變更為 npm run serve

安裝成功,之前安裝過所以提示略有不同

3.0手腳架的方式建立專案,請到下方「2020-03-16新增手腳架vue-cli3.0安裝教程」字樣處。

win7下,可以進入到專案的目標資料夾,然後在位址列輸入cmd回車,彈出cmd控制台,xp要在cmd控制台中cd過去資料夾中

此時會詢問需要安裝那些功能,我除了下面兩個test功能是no外,其他保持回車預設配置

可以看到已經多了乙個資料夾,裡面裝了預設的vue專案

安裝成功,之前安裝過所以提示略有不同

執行中執行完畢

顯示出此介面,則成功執行專案

1.首先解除安裝掉舊的vue-cli手腳架,cmd開啟控制台,輸入npm uninstall -g vue-cli

解除安裝完成2.

全域性安裝vu-cli 3.0 npm install -g @vue/cli 

安裝中1.win7中,在要新建專案的資料夾位址列中,輸入cmd,快速彈出命令視窗

2.輸入命令 vue create (專案名) 回車,然後會出現下圖

(可能因為網速原因會慢點)

上下方向鍵選擇專案需要的外掛程式,一般選擇第二個,手動配置,回車

3.這裡上下方向鍵選擇專案需要的外掛程式,空格鍵作為選擇和不選擇,我這裡只選擇babel,這個外掛程式的作用是打包程式時的es6語法可以降級為es5,適配更多瀏覽器識別。回車

4.詢問配置書寫在**。選擇 in packge.json 回車

5.詢問是否儲存此次配置為預設建立專案的配置。填入 n 

回車7.專案拉取到本地完成

前端開發 環境搭建

1.安裝node v6.0.0 x64.msi 安裝成功之後可以使用簡單命令 node v 檢視其版本 1.1配置環境變數 c program files nodejs 2.使用 的國內映象 cmdnpm install g cnpm registry 2.1配置環境變數 3.安裝cordova 或...

前端開發環境搭建

前端開發環境搭建 安裝google chrome 最後測試一下,在cmd命令下執行 npm install webpack g,webpack 安裝成功,執行 npm webpack v 可以看到所安裝webpack的版本號,這些都成功了,就安裝配置都成功了。安裝visual studio code...

前端開發環境搭建

3.安裝後可以驗證下nodejs是否成功安裝 進入執行,輸入cmd,在裡面輸入node v 按回車 如果正確安裝,將會輸出你安裝的版本。6.安裝好grunt後,就可以安裝外掛程式了 最重要的包管理外掛程式bower 在cmd中輸入 npm install bower g進行全域性安裝。安裝完成後可以...