vue-cli建立

 

這裏不說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個。

相關文章
相關標籤/搜索