F2E-Book
  • INTRODUCTION
  • 幼幼班の前端工程師
  • 初階の前端工程師
  • 快速上手/學習
  • CONCEPTUAL ANALYSIS
    • HTTP
      • Error from CORS
      • Cookie、[ ? ]Storage 的差異
    • OOP
    • UML
    • Vue
      • THINK-1
      • THINK-2
      • THINK-3
      • Vue CLI Install
    • JavaScript
      • JS in Web
      • By ref or by value
      • TypeOf
      • Hoisting
      • Expression / Operator
      • Expression / Operator part2
      • Loop
      • For Loop Effectiveness
      • Function
      • Arrow Function - This
      • Class
      • Promise
      • Cascade
      • This
      • Arrow Function And Function
      • DefineProperties And Reduce
      • Array Methods
      • Import And Export
      • Let And Const
      • TypeOf And InstanceOf
      • Closure
      • CallBack Function & IIFE
    • Design Pattern
      • Flyweight (解释器模式)
      • Interpreter (解释器模式)
      • Visitor (訪問者模式)
      • Mediator (中介者模式)
      • Momento (備忘錄模式)
      • Command (命令模式)
      • Chain of Responsibility (職責鏈模式)
      • Template (模板方法模式)
      • Prototype（原型模式）
      • Composite（組合模式）
      • Bridge（橋接模式）
      • State（狀態模式）
      • Iterator（迭代器模式）
      • Proxy（代理模式）
      • Observer（觀察者模式）
      • Decorator（裝飾者模式）
      • Adapter（適配器模式）
      • Strategy（策略模式）
      • Facade（外觀模式）
      • Singleton（單例模式）
      • Factory（工廠模式）
  • SKILL TREE
    • ESLint And Prettier
    • NPM
      • 安裝常見錯誤-1 重複命名
      • 安裝常見錯誤-2 權限不足
    • MongoDB & Robo 3T
      • 基礎介紹
      • Create DB & Connect DB
      • CRUD in Robo 3T
    • Express
    • Vue
      • Prop And Emit
Powered by GitBook
On this page
  • 安裝流程
  • 基礎
  • 開始建立專案

Was this helpful?

  1. CONCEPTUAL ANALYSIS
  2. Vue

Vue CLI Install

PreviousTHINK-3NextJavaScript

Last updated 5 years ago

Was this helpful?

資料來源：Vue一下 24日：CLI 3.0安裝

安裝流程

基礎

  • 請先安裝好 node.js

    • 傳送門：Node.js Download

  • npm install -g @vue/cli

  • vue --version

  • 注意以上三個一定都要成功，你之後就會很順了

開始建立專案

  • vue create hello

  • 你可以選擇你想要的 Babel / Eslint or 一些選配

  • 再來選擇 yarn or npm

  • 按完後，理論上會出現這個畫面

  • 照上面寫的 cd hello npm run serve

  • 會出現如下畫面

  • 點開後，就會變成

  • 恭喜完成最初 Vue CLI 安裝