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

2021-08-21 13:23:58 字數 1095 閱讀 3960

電腦環境準備

2、開啟命令提示符,安裝**映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令:

npm install -g cnpm --registry=

安裝完畢後可以在命令提示符中輸入cnpm -v檢視cnpm版本

3、全域性安裝vue-cli。安裝命令:

cnpm install –g vue-cli
專案搭建1、選擇將要搭建專案的目錄。比如 d:/mycode

2、命令提示符進入該目錄。

3、新建專案。在專案目錄下輸入命令:

vue init webpack myfirstvue
命令中的nyfirstvue是專案名稱,不能含有大寫字母。

提示可以都直接回車,這部分是package.json裡面的專案說明。

具體說明如下:

project name (myfirstvue):專案名稱。預設為命令後的名稱,也可以自己重新起名

author:專案作者

install vue-router? :是否安裝vue-router

use eslint to lint your code? (y/n):是否使用eslint管理**

setup unit tests with karma + mocha? (y/n) :是否安裝單元測試

setup e2e tests with nightwatch(y/n)?    是否安裝e2e測試

4、進入專案目錄。

安裝依賴模組

cnpm install
5、執行專案

輸入命令:

npm run dev
在瀏覽器位址列中輸入 http://localhost:8080

可看到如下頁面

恭喜你,乙個vue專案已經搭建成功!

從零開始用uniapp搭建乙個APP

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

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

vue.js是現在比較優秀的web前端框架,下面開始從零開始搭建乙個vue專案。流程如下 安裝過程沒有什麼要注意的地方,直接安裝到自己想安裝到的目錄裡面就可以了 2.安裝完成以後,開啟命令列,輸入node v 來判斷是否安裝成功 3.在安裝node的時候,npm包管理器會自動安裝,我們在命令輸出 n...

從零開始搭建乙個LoRaWAN基站

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