Windows 系統搭建vue開發環境

 

1.首先 去node.js 官網下載對應node

https://nodejs.org/en/download/

 

2. 雙擊下載的安裝包，一路默安裝，傻瓜式操做，下一步，下一步

3. 安裝完打開cmd，輸入node -v ，若是安裝成功 會顯示對應的版本node版本號

4.安裝淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

5.查看本身有沒有安裝成功的 ，直接輸入cnpm -v

6.接下來 咱們就開始安裝全局vue-cli 

安裝後，檢查是否安裝成功（顯示版本則安裝成功）。（vue -V）

 

 7.開始搭建第一個vue項目了

vue init webpack vue-vant
#注意 vue-vant 是本身的項目名稱

　對應參數

 vue init webpack project--------------------- 安裝vue腳手架的命令，採用webpack打包工具，項目名是project
This will install Vue 2.x version of the template. ---------------------這裏說明將要建立一個vue 2.x版本的項目
For Vue 1.x use: vue init webpack#1.0 project
 Project name (project) ---------------------項目名稱
 Project name project
 Project description (A Vue.js project) ---------------------項目描述
 Project description A Vue.js project
 Author wujy--------------------- 項目建立者
 Author wujy
 Vue build (Use arrow keys)
 Vue build standalone
 Install vue-router? (Y/n) --------------------- 是否安裝Vue路由，推薦安裝，是頁面跳轉用的
 Install vue-router? Yes
 Use ESLint to lint your code? (Y/n) n ---------------------是否啓用eslint檢測規則，這裏我的建議選no，由於這裏有不少的坑，具體之後會講
 Use ESLint to lint your code? No
 Setup unit tests with Karma + Mocha? (Y/n) n  ----------------是否安裝單元測試，因人而異，能夠自行選擇
 Setup unit tests with Karma + Mocha? No
 Setup e2e tests with Nightwatch? (Y/n) n  --------------------是否安裝e2e測試，可自行選擇
 Setup e2e tests with Nightwatch? No
vue-cli · Generated "project".
To get started: --------------------- 這裏說明如何啓動這個服務
cd project   --------------------進入項目文件夾
npm install      ---------------------安裝依賴，推薦使用淘寶鏡像cnpm
npm run dev  -----------------------項目運行

項目完成後 咱們看一下結構目錄

 

最後 npm run dev 運行項目就能夠