如何運(yùn)行vue.js

這篇文章主要介紹如何運(yùn)行vue.js，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

運(yùn)行vue.js的方法：首先搭建好環(huán)境；然后通過命令“cd desktop/項(xiàng)目名稱”進(jìn)入項(xiàng)目；接著通過命令“npm install”安裝依賴；最后使用命令“npm run dev”運(yùn)行項(xiàng)目即可。

運(yùn)行vue項(xiàng)目（github項(xiàng)目）

安裝node.js

從node.js官網(wǎng)下載并安裝node，安裝過程很簡(jiǎn)單，一路“下一步”就可以了（傻瓜式安裝）。

安裝完成之后，打開命令行工具，輸入 node -v，npm包管理器，是集成在node中的，所以，直接輸入 npm -v就會(huì)如圖所示，顯示出npm的版本信息。如下圖，如果出現(xiàn)相應(yīng)的版本號(hào)，則說明安裝成功。

2.安裝cnpm

由于npm有些資源被屏蔽或者是國(guó)外資源的原因，經(jīng)常會(huì)導(dǎo)致用npm安裝依賴包的時(shí)候失敗，所有我還需要npm的國(guó)內(nèi)鏡像---cnpm

在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org

如果mac下安裝失敗，提示權(quán)限不夠，在命令行下輸入

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

3.安裝webpack

npm install webpack -g

4.安裝vue-cli

cnpm install vue-cli -g

這個(gè)過程會(huì)耗時(shí)十幾秒，等走完就好

好了，這時(shí)候整個(gè)環(huán)境搭建好了，接下來運(yùn)行項(xiàng)目

首先

cd desktop/項(xiàng)目名稱

然后，進(jìn)入項(xiàng)目之后安裝依賴

npm install

再然后

npm run dev

這時(shí)候你會(huì)看到項(xiàng)目已經(jīng)在瀏覽器中運(yùn)行了。

以上是“如何運(yùn)行vue.js”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！