1. 程式人生 > >vue_使用npm搭建vue2.0腳手架開發環境

vue_使用npm搭建vue2.0腳手架開發環境

目錄 命令 大於 -c div 項目 腳手架 demo style

前言:

  在使用vue進行開發時需要搭建vue的運行環境,這裏主要是使用淘寶鏡像cnpm進行搭建vue的腳手架開發環境。主要是分為mac和window兩個版本,兩個環境的搭建都是大同小異。

mac開發環境的搭建:

1.安裝Node.js(這個只需要去nodeJS官網下載安裝就可以了)

以下的命令都是在終端輸入

2.在電腦終端使用命令 node -v 檢查版本(檢查安裝成功)

3.安裝淘寶npm鏡像 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

4.檢查版本(檢查安裝成功) npm -v cnpm版本要大於3.0

5.安裝腳vue腳手架 sudo cnpm install -g vue-cli

6.在【終端】輸入cd,將你的目標文件拖到【終端】cd後一定要空格

7.新建vue項目,出現任何提示回車。 sudo vue init webpack vuedemo

8.在【終端】輸入cd ,將你vuedemo文件拖到【終端】

9.【在新建vue項目】執行 sudo cnpm install

10.【在新建vue項目】 sudo cnpm run dev(運行搭建的vue項目,每次想運行項目的時候只需要在對應目錄終端輸入這個命令就可以了)

這樣就搭建好了開發環境

windows開發環境的搭建:

vue_使用npm搭建vue2.0腳手架開發環境