一、安裝前說明
環境依賴: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