1. 程式人生 > >vue入門練習(一)

vue入門練習(一)

col pre 全局 run -c 初始 handbook serve 回車

1.安裝node,webpack

  node -v   //查看已安裝版本

  npm install -g webpack   //安裝webpack

  npm install -g webpack-dev-server   //安裝webpack的本地webserver

2.建立package.json

npm init //一直回車就可以了

3.安裝vue

npm install  -g vue-cil //全局安裝vue-cil

4.安裝vue簡單版本的模板

vue init webpack-simple handbook //handbook為項目名稱

5.加載依賴

cd handbook
npm install  
//初始化安裝依賴

6.構建並運行

npm run build 
npm run dev  //會自動打開瀏覽器 默認為8080端口

vue入門練習(一)