vue是一套用於構建用戶界面的漸進式框架，可以快速上手。在這裏我們使用vue-cli來進行vue學習。在使用vue-cli前，你需要先安裝nodejs和對nodejs的npm的一些命令進行學習。
安裝nodejs
window上安裝nodejs
直接去 nodejs官網 進行下載
mac上安裝nodejs
mac上可以先安裝brewhome，然後使用brewhome下載nodejs
brew install node
在這裏，推薦一下mac上一個很好用的管理npm版本的工具nvm，也可以使用brewhome進行下載
brew install nvm
nvm的一些好用的命令可以看我的另一篇 文章
npm基本命令
1、初始化項目（生成package.json）
npm init -y
2、添加依賴
npm install [package]@[version] (--save/ --save-dev /-g)
或者
npm i [package]@[version] (-S/-D/-g)
- [package]@[version] package爲npm包名，後面的@[version]可選，沒有的時候默認安裝最新版本
- -S/-D,-S是–save的簡寫，-D是–save-dev的簡寫，-S與-D的區別就是-S會被打包到運行環境中去，-D只是在開發中使用
- -g是-global的簡寫，這個選項會被npm包安裝到全局去，一般用於一些在命令行使用的npm包，比如vue-cli、create-react-app
3、刪除依賴
npm uninstall (-g) [package]
4、更新依賴
npm update (-g) [package]
安裝vue-cli
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安裝完後，可以運行 vue --version 進行測試，如果能輸出類似 @vue/cli 4.1.1 的字樣，那恭喜你，vue-cli已經安裝成功了！
爲了方便學習，這裏給出了 vue-cli官網 地址
創建一個vue項目
在你的項目目錄運行
vue create my-project
運行完後，就生成了一個使用vue-cli創建的vue項目了