vue——安裝並新建項目

1、對於vue的安裝:vue

一、安裝vue以前先安裝node,https://nodejs.org/zh-cn/download/,我裝的是windows64位的;node

二、下載好了以後就能夠按照正常順序安裝了,這裏就不一一贅述了;裝好了以後檢測一下;  webpack

三、能夠了以後,就按照官網上的步驟安裝vue:web

(1)npm install vue  :安裝最新穩定版vue-cli

(2)而後新建一個你要存放vue項目的文件夾,而後cd進這個文件夾;npm

以後執行指令  npm install --global vue-cli  ;全局安裝vue-cli
windows

(3)執行指令 vue init webpack my-project  ;其中my-project是你想要建立的項目名,這條指令是建立一個基於webpack的模板的新項目
瀏覽器

(4)以後cd 進剛纔新建的my-project項目中;執行指令 npm installspa

(5)最後執行 npm run devblog

這樣在瀏覽器中就能夠訪問http://localhost:8080來查看模板項目了;

這裏是整個項目目錄結構:

相關文章
相關標籤/搜索