從零開始搭建乙個Vue專案vue cli2

2022-06-28 20:03:11 字數 1346 閱讀 6277

vue.js是現在比較優秀的web前端框架,下面開始從零開始搭建乙個vue專案。流程如下:

安裝過程沒有什麼要注意的地方,直接安裝到自己想安裝到的目錄裡面就可以了

2.安裝完成以後,開啟命令列,輸入node -v  來判斷是否安裝成功

3.在安裝node的時候,npm包管理器會自動安裝,我們在命令輸出 npm -v 看看是否安裝成功

4.安裝vue-cli腳手架:

二、npm包管理器和vue-cli腳手架來搭建

1.在d盤先新建乙個資料夾用來存放將要新建的專案檔案,這裡命名為:vue-demo

2.開啟命令列工具,然後跟著輸入,進入專案目錄vue-demo檔案

3.接著輸入:vue init webpack  然後出現以下後,輸入   y(確認在當前目錄下建了vue專案)

4.按繼續輸入命令

接著就會自動進行安裝

5.安裝結束後,我們進入專案目錄

7.輸入npm run dev,啟動專案

8.接著會出現這個

專案就啟動成功了

我們複製上面的**,開啟瀏覽器訪問一下

這樣,乙個vue專案就搭建成功了,接下來我們看看通過vue-cli安裝的vue專案檔案目錄:

希望這篇部落格對大家有所幫助。

用Vue cli從零開始搭建乙個Vue專案

電腦環境準備 2 開啟命令提示符,安裝 映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令 npm install g cnpm registry 安裝完畢後可以在命令提示符中輸入cnpm v檢視cnpm版本 3 全域性安裝vue cli。安裝命令 cnpm install g v...

從零開始搭建乙個LoRaWAN基站

sx1301 sx1302是semtech公司推出的基站端射頻基帶晶元,其與sx127x sx126x的主要區別在於 只是個基帶晶元,使用時需要加射頻前端 sx125x saw 其具有比sx1278強大很多的基帶處理能力,可以同時解調8個通道的資料,並且每個通道可以同時監聽sf7 12 sx1302...

從零開始用uniapp搭建乙個APP

做乙個專案就像玩積木一樣,專案中用到的東西就好像積木塊,你所要做的就是把這些小木塊拼成你想要的形狀。目錄 做任何事情最難的還是第一步,只要邁出第一步其他的就簡單了。直接開始 執行除錯簡單 可以直接選擇在瀏覽器執行或是執行到手機或模擬器 打包發布簡單 用hbuilderx一鍵雲打包 專案建立完成之後自...