準備
首先需要安裝vue-cli
開啟命令提示符輸入
npm i -g @vue/cli
ps:建議使用cnpm，mac的朋友們記得加上sudo
安裝完成後就可以開始建立vue專案
1.基於命令列的方式建立vue專案
vue caeate project-name
2.基於圖形化介面的方式建立vue專案
vue ui
開始建立專案
1.在終端中輸入
vue create vue_project_01
按下回車開始建立專案
2.此時會出現兩個選項詢問你需要安裝哪些功能
第一項是預設方式建立vue專案，第二項是手動選擇功能建立vue專案
按鍵盤↑或↓來選擇
選擇手動模式
3.此時讓你手動選擇需要安裝的功能 按空格鍵選擇 選中的功能前面會帶有*號 選擇完畢之後按回車進入下一步操作
4.如果選擇了vue-router的話會彈出乙個選項
問你是否需要安裝歷史模式的路由，我選否 因為要用雜湊模式的路由
5.又彈出乙個提示讓你選擇eslint的語法版本
選擇標準版本就行
6.又又彈出乙個提示框問你什麼時候進行es的語法校驗
選擇lint on s**e
7.又又又彈出乙個提示問你這些工具的配置檔案怎麼建立
第乙個選項是建立單獨的配置檔案，第二個選項是把這些配置檔案都放到package.json中
8.又又又又彈出乙個提示問你要不要把剛才所做的那些設定儲存為乙個模板供後續建立其他專案的時候使用
9.漫長的等待
10.建立完成後提示我們進入到專案的根目錄中
並且執行npm run serve 把專案執行起來
11.在瀏覽器中輸入
http://localhost:8080/#/ 就可以訪問到你建立的第乙個vue專案了
vue命令列生成專案
vue.js 提供乙個官方的命令列介面工具，用於快速搭建大型單頁面應用程式。能夠為現代前端開發的工作流程，帶來持久強力的基礎架構。只需幾分鐘，就可以建立並執行乙個帶有 熱過載 儲存時 檢查以及可直接用於生產環境的構建配置 的專案 安裝 vue cli npm install global vue c...
vue 實現命令列介面 cmd命令列建立vue框架
cmd命令列建立vue框架 注意 前提條件是先安裝好node.js，然後配置好環境變數。這裡介紹兩個版本的建立 一 配置版本1.0的vue cli框架 1 配置環境變數node path d s3s155 node.js node global node modules 2 新增環境變數path d...
命令列生成vue專案框架
用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs,學習vue有必要了解下nodejs和npm的基本知識 nodejs安裝 npm 介紹 npm install g vue cli g表示全域性安裝,vue cli是模組,全...