新建乙個vue專案

2021-08-08 18:54:46 字數 918 閱讀 2299

用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,

所以首先要安裝nodejs。安裝完成後,開啟cmd。

輸入 node -v, 出現類似v6.11.2這樣的版本號說明node安裝成功。

輸入 npm -v, 出現類似

v3.10.10這樣的版本號說明npm安裝成功.

然後開始新建乙個vue專案:

(1)安裝腳手架工具: 

npm install -g vue-cli --registry=

---**映象比較快

(2)安裝完成後輸入 vue --version ,能看到版本號說明安裝成功。

( 3 ) 建立框架專案  vue init webpack my-project     ---(my-project是專案名稱)

(4)檢視當前專案檔案: 輸入 cd eleme , 再輸入dir 即可檢視檔案資訊。

(5)安裝依賴 npm install --registry=

安裝完成後會在資料夾中發現多了個node_modules資料夾,到這裡腳手架就已經安裝完成了。

(6)啟動vue專案: npm run dev

開啟瀏覽器:輸入http://localhost:8080

vue新建乙個專案

全域性安裝vue腳手架工具vue cli npm install global vue cli cd 到想要建立專案的目錄下 vue init webpack 起的專案名稱 todolist 建立乙個基於webpack的模板新專案 專案初始化完成之後,進入該專案目錄,一般使用git bash直接進入...

新建乙個vue專案

第一步 npm安裝 參考 使用 npm映象 npm install g cnpm registry 這樣就可以使用cnpm 命令來安裝模組了 第二步 安裝vue cli cnpm install vue cli g 全域性安裝 vue cli 檢視vue cli是否成功,不能檢查vue cli,需要...

vue如何新建乙個專案

身為入行未深的小白前端,不斷的學習是我們不可丟失的習慣。前端流行的框架也是層出不窮,vue在眾多框架中脫穎而出。今天花了兩個小時的時間自己走了一邊建立vue專案的流程,跟你們分享。1 開啟cmd命令列,首先安裝node 2 npm包管理器是整合在node中的,所以直接輸入npm v就能檢視到版本資訊...