一、安裝前說明

專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)冊亨免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

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

vue官方腳手架 ： vue-cli ；

包管理工具： npm

模塊化打包工具： webpack

安裝 node.js會默認安裝npm，vue-cli依賴npm來安裝 。

二、 安裝 node.js

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

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

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

三、創(chuàng)建項目

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

E:\Tool>vue init webpack front-project

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

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

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

四、運行項目

進入到項目里面，然后運行命令：

npm run dev

或者進入到項目里面，然后運行命令（指定端口）：

PORT=8090 npm run dev

總結(jié)

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