溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
一、安裝前說明
環境依賴： 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方式搭建項目，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
