Vue(一)vue-cli搭建Vue項目

vue項目搭建

  • vue項目快速搭建工具——vue-cli

  • vue-cli是基于node環境的一個命令行工具。也就是說要執行命令

  1. 安裝
    npm install vue-cli -g 安裝

  2. 使用

    1. 創建項目文件夾 如:d:/mypro
    2. 進入文件夾,執行命令:vue init webpack [項目名稱] 初始化一個vue+webpack項目
? Project name learn
? Project description A Vue.js project
? Author leiyang <leiyang_39@163.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
  1. 運行
    1. cd learn在文件夾中,執行npm install 更新項目的依賴模塊【node_modules】項目搭建完成!
    2. 命令行進入文件夾,執行令 > npm run dev 以開發模式啟動項目服務器
      就可以打開瀏覽器通過http://localhost:8080訪問項目

學習網站

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容