這裏不說vue什麼好處好壞處,只說vue-cli配置 和 路由配置。:)html
第一步: 先安裝node。 官網地址:https://nodejs.org/en/ 這個是國外的,下載可能慢。能夠用國內的網站下載: http://nodejs.cn/download/vue
第二步: 安裝 npm。打開命令提示符:(win + R)。 輸入 cmd 進入。node
輸入 node - v 顯示的是 node 版本號。 輸入 npm -v 顯示的是 npm 版本號 ,都顯示正常是已經安裝成功,不然就沒有安裝成功。
webpack
第三步:全局安裝 vue。 命令行 npm install -g vue-cliweb
能夠輸入 vue -v 是否安裝成功。vue-router
第四步: 生成 vue-cli 項目。 命令行 vue init webpack 文件名 若是你想在本目錄下進行安裝,直接 vue init webpack vue-cli
這樣就生成了 vue 文件。npm
生成這些目錄文件後,進入這個目錄裏面進行第五步。json
第五步: cd 進入項目目錄下, 進行安裝依賴。 npm install網站
安裝完依賴後,會生成一個 node_modules 文件夾。這些都是 package.json 裏面的模塊。
第六步: 運行 npm run dev
若是咱們還想要下載其它模塊,好比想要下載 vue-router 模塊。能夠去官網 https://router.vuejs.org/zh-cn/installation.html 官網都有 npm 安裝。
咱們直接在目錄下輸入此命令,就下載模塊了。下載其它模塊也能夠這樣。。。。會一個就會N個。