一、安裝前說明

環境依賴： node.js ；

vue官方腳手架 ： vue-cli ；

包管理工具： npm

模塊化打包工具： webpack

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

二、 安裝 node.js

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

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

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

三、創建項目

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

E:\Tool>vue init webpack front-project

創建好的項目的結構：

項目結構說明可以參考菜鳥教程：

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

四、運行項目

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

npm run dev

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

PORT=8090 npm run dev

總結

以上所述是小編給大家介紹的Vue使用NPM方式搭建項目，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com