一、安裝前說明

創(chuàng)新互聯(lián)是一家專業(yè)提供昆明企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都做網(wǎng)站、H5網(wǎng)站設(shè)計(jì)、小程序制作等業(yè)務(wù)。10年已為昆明眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

環(huán)境依賴： node.js ；

vue官方腳手架 ： vue-cli ；

包管理工具： npm

模塊化打包工具： webpack

安裝 node.js會(huì)默認(rèn)安裝npm，vue-cli依賴npm來安裝 。

二、 安裝 node.js

安裝 node.js 可以直接從官網(wǎng)下載安裝，基本是一直點(diǎn)下一步即可。

安裝完成后查看 node 版本： node  -v

安裝完成后查看 npm 版本： npm  -v

三、創(chuàng)建項(xiàng)目

選擇 webpack作為打包工具，初始化項(xiàng)目，項(xiàng)目名是front-project。安裝過程按照提示填寫相關(guān)配置（默認(rèn)按Enter鍵即可）， 這些配置最終會(huì)寫到項(xiàng)目的 package.json 并且安裝相關(guān)模塊。

E:\Tool>vue init webpack front-project

創(chuàng)建好的項(xiàng)目的結(jié)構(gòu)：

項(xiàng)目結(jié)構(gòu)說明可以參考菜鳥教程：

http://www.runoob.com/vue2/vue-directory-structure.html

四、運(yùn)行項(xiàng)目

進(jìn)入到項(xiàng)目里面，然后運(yùn)行命令：

npm run dev

或者進(jìn)入到項(xiàng)目里面，然后運(yùn)行命令（指定端口）：

PORT=8090 npm run dev

總結(jié)

以上所述是小編給大家介紹的Vue使用NPM方式搭建項(xiàng)目，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司網(wǎng)站的支持！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前文章：Vue使用NPM方式搭建項(xiàng)目-創(chuàng)新互聯(lián)
鏈接分享：http://weahome.cn/article/doghhp.html