1. 程式人生 > 實用技巧 >Vue-Cli搭建,(腳手架)

Vue-Cli搭建,(腳手架)

一,什麼是vue-cli

  vue-cli官方提供的一個腳手架,用於快速搭建vue基本專案

二,需要的環境:

  Node.js:http://nodejs.cn/download/

  Git:http://git-scm.com/downloads

  映象:https://npm.taobao.org/mirrors/git-for-windows/

  

`  確認nodejs安裝成功:

  •   在cmd下輸入 node -v,檢視是否打印出版本號
  •   在cmd下輸入 npm -v,檢視是否打印出版本號

  注意:npm,就是一個軟體包管理工具

  安裝Node.js淘寶映象加速器(cnpm),下載速度會更快

  注:能用npm(官方)的就用官方的,用加速器有一定機率觸發未知的錯誤

# -g 就是全域性安裝
npm install cnpm -g  全域性安裝淘寶映象

# 或者用如下語句解決npm速度慢問題
npm install --registry=https://registry.npm.taobao.org

  

  安裝vue-cli

cnpm install vue-cli -g

到這裡vue的基本開發環境就搭好啦,下面要搭建vue專案

三,Vue專案搭建

  1.建立一個Vue專案(隨便建一個空資料夾)

    eg:E:\vuestudy

    注:cmd指令也要在此路徑處執行(2)的語句

  2.在cmd中輸入如下指令

     在此處執行

    

  #其中myvue是資料夾名字

npm init webpack myvue

最後,初始化並執行:

  cd myvue    跳轉到建立的Vue專案資料夾下

  npm install    npm下載

  npm run dev    執行

代表成功,輸入裡面網址驗證

注意:在Vue專案的config/index.js中可以修改埠號