Vue 學習記錄（一）-建立項目

環境準備

1. node.js　 
2. vue-cli

 

安裝配置環境

1.下載node.js，使用默認配置安裝 。

2.使用npm命令安裝國內下載鏡像（可選）

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

　　tips:在命令行輸入 npm -v 或cnpm -v 查看npm或cnpm 版本

3.全局安裝vue-cli （vue-cli3.x 搭建的項目界面更爲簡潔，查看vue-cli 3.x 新特性）

　　cmd:　　cnpm(或 npm) install vue-cli  -g

　　tips:在命令行輸入 vue -V 查看vue-cli版本（注意這裏的-V必定要大寫的’V‘）

 

建立項目

1. 建立vue項目

　　(vue-cli v2.x)cmd:　vue init webpack  」項目名稱「

　　(vue-cli v3.x)cmd:　vue create 」項目名稱「 

 

2.安裝依賴

　　cmd:　　cd到項目根目錄 ，執行命令 　npm install

3.運行項目

　　(vue-cli v2.x)cmd:　npm run dev 或 npm start

　　(vue-cli v3.x)cmd:　npm run serve

 

 

?什麼是npm和cnpm

npm（node package manager）：nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等） 

cnpm:由於npm安裝插件是從國外服務器下載，受網絡的影響比較大，可能會出現異常，若是npm的服務器在中國就行了，因此咱們樂於分享的淘寶團隊幹了這事。來自官網：「這是一個完整 npmjs.org 鏡像，你能夠用此代替官方版本(只讀)，同步頻率目前爲 10分鐘 一次以保證儘可能與官方服務同步。」