項目構建
項目推薦直接使用 Vue 官方提供的腳手架(Vue-cli),所以第一步首先是安裝腳手架。在命令行或者 IDE 的 Terminal 窗口中輸入以下命令即可自動安裝:
npm install -g vue-cli
這個是全局安裝 vue-cli ,以后就不需要再裝了。裝好之后就可以開始創建應用了。
創建應用
還是在命令行里面,進入想要創建應用的目錄,然后輸入:
vue init webpack app
這里面的 webpack 是一個構建和打包應用的工具,具體的我也不是很清楚,想了解的可以看這里,最后的 app 是你要創建的應用的名字,可以換成你需要的名字,回車之后等下之后會提示 downloading template ,等它完成后有幾個初始化的選項需要你選擇:
- 首先會詢問項目名,描述,作者三項,直接回車即可
- 接着有一個 vue build 選項,直接回車即可
- 然后會問你要不要安裝 vue-router,選 y/n 都行,n 的話以后要用的話需要再裝,但是肯定是要用的,,,所以推薦選 y
- 最后是語法檢查,單元測試,項目測試三項直接輸入 n 就行
選完之后會提示你怎么 To Get Start,照着提示把三條命令都輸一遍就行了。
npm install 命令回車之后會自動生成項目結構和安裝各種依賴文件,等着就行,完成之后輸入 npm run dev 回車,提示服務正在啟動,稍等下完成后就會自動在瀏覽器打開初始頁面。