搭建Vue 開發環境

一.安裝

1.使用nodejs安裝vue

安裝完成node，node有自帶的npm，可以直接在cmd中，找到nodeJs安裝的路徑下，進行命令行全局安裝vue-cli。（npm install --global vue-cli）

2.檢查是否安裝成功

3.創建一個空的文件

4.如下選擇，生成vue-test文件夾

例：生成vue-test目錄結構如下圖：

5.安裝node_modules模塊，進入vue-test文件夾 npm install

 

生成node_modules模塊

6.執行npm run dev

瀏覽器打開如下頁面

# 全局安裝淘寶cnpm 鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 判斷cnpm 是否安裝成功
cnpm -h
# 全局安裝vue-cli
cnpm install -g vue-cli
# 判斷vue-cli 是否安裝成功
cnpm list
#創建一個基於webpack模板的新項目
vue init webpack d:\nodeworkspace\nodeone
# 切換至項目路徑
cd d:\nodeworkspace\nodeone
# 安裝項目依賴文件
cnpm install
# 項目啓動
cnpm run dev