1. 程式人生 > >vue從零搭建一

vue從零搭建一

http 全局 cli 檢查 情況 搭建 .com 回車 選擇

構建項目

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

  • 1、$ npm install -g vue-cli
  • 2、$ vue (安裝完成後輸入檢查vue是否安裝成功,成功如圖)
    技術分享圖片

二、創建項目

  • 1、首先選擇項目存放的位置
  • 2、創建項目
    $ vue init webpack myVue (這裏不是用npm而是用的vue,這裏是創建webpack和vue,myVue名字是自定義),如圖依次操作(看個人情況,我這裏是一直回車到下面白字出現)如圖技術分享圖片

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

vue從零搭建一