Vue項目搭建(NPM方式)


 

一、安裝前說明

環境依賴: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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM