vue如何新建乙個專案

2021-08-19 08:07:15 字數 586 閱讀 6763

身為入行未深的小白前端,不斷的學習是我們不可丟失的習慣。前端流行的框架也是層出不窮,vue在眾多框架中脫穎而出。今天花了兩個小時的時間自己走了一邊建立vue專案的流程,跟你們分享。

1:開啟cmd命令列,首先安裝node

2:npm包管理器是整合在node中的,所以直接輸入npm -v就能檢視到版本資訊

3:輸入npm install -g cnpm --registry= ,安裝**映象安裝相關依賴

4:安裝vue-cli腳手架構建工具,輸入命令 npm install -g vue-cli,安裝完成即可。

5:選定路徑,新建vue專案,這裡我是新建到桌面上

6:在上一步得目錄下新建專案,指令vue init  webpack +專案名稱

7:上一步之後就會開始新建專案,詢問專案的相關配置。一路yes省事兒沒啥問題

8:進入到專案的資料夾下

9:執行專案,指令npm run dev

10:在瀏覽器中開啟這個**,就能看到

至此,vue專案新建完畢

vue如何新建乙個專案

第一步 安裝node 安裝步驟參考 window r開啟控制命令列cmd node v檢視node版本 npm v檢視npm版本,雖然node自帶npm,但如果不是最新版本,可以執行命令 nmp install g npm,即可最新npm registry 這樣就可以使用cnpm 命令來安裝模組了 ...

vue如何新建乙個專案

第一步npm安裝 圖1雙擊安裝,在安裝介面一直next 圖2 圖3 圖4直到finish完成安裝。開啟控制命令列程式 cmd 檢查是否正常 圖5使用 npm映象 npm install g cnpm registry 這樣就可以使用cnpm 命令來安裝模組了 1.第一步 安裝vue cli cnpm...

新建乙個vue專案

用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後,開啟cmd。輸入 node v,出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...