構建項目

一、安裝全局vue-cli腳手架

• 1、$ npm install -g vue-cli
• 2、$ vue (安裝完成后輸入檢查vue是否安裝成功，成功如圖)
  

二、創建項目

• 1、首先選擇項目存放的位置
• 2、創建項目
  $ vue init webpack myVue (這里不是用npm而是用的vue，這里是創建webpack和vue，myVue名字是自定義)，如圖依次操作（看個人情況，我這里有幾個選的是NO（n））如圖

• 3、安裝依賴 $ npm i
• 4、現在輸入$ npm run dev 命令會報錯，因為現在命令行路徑還停留在D:\vue，項目所在的位子是D:\vue\myVue,現在把命令行轉到項目所在的目錄在運行$ npm run dev
• 5、如果搭建成功在瀏覽器上如圖顯示
  

三、項目結構

• build: webpack相關配置文件
• config: webpack相關配置文件
• jtimg: 配置vue截圖img，做項目時刪除
• node_modules: npm 依賴代碼庫
• src: 項目原碼
• static: 純靜態資源（直接復制）
• test: 單位測試
• .babelrc: babe配置
• .editorconfig: 編輯器配置
• .eslintignore: 忽略語法檢測的目錄文件
• .eslintignore: eslint 配置文件
• .gitignore: 忽略提交git的目錄
• index.html： 項目入口文件
• package.json: 構建腳本和依賴關系

項目：GitHub

轉載于:https://www.cnblogs.com/WRS7/p/9189548.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的vue-cli 搭建vue项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。