最近開始做vue.js前端框架的項目，這裏記錄下vue.js安裝的方法。
一、安裝node.js
node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。光看這名稱很容易混淆，不是js框架！不是js庫！也不是js語言！可以把它看成是一個安裝包資源管理器。
1、下載node.js
去官網下載：node.js官網下載地址
2、安裝node.js
雙擊打開下載的安裝文件，按照提示下一步安裝，安裝好了打開命令cmd，查看是否安裝成功
其中npm是隨同node.js一起安裝的包管理工具，能解決node.js代碼部署上的很多問題，常見的使用場景有以下幾種：
- 允許用戶從npm服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從npm服務器下載並安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到npm服務器供別人使用。
3、安裝國內淘寶鏡像cnpm
由於npm的地址是在國外，傳輸速度很慢，可以用淘寶提供的鏡像文件下載工具cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、安裝vue.js
1、安裝vue.js
cnpm install -g @vue/cli
2、安裝全局vue-cli腳手架
cnpm install -g vue-cli
3、檢查是否安裝成功
查看官網提供的模板
這6個模板中我們主要使用webpack模板，它的主要作用是：分析項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其打包爲合適的格式以供瀏覽器使用。
4、新建一個demo
vue init webpack vue-project
5、運行demo
如果不是新建項目，而是從別處挪移過來的項目，則要看項目下面有沒有node_modules文件夾，若沒有則需要到項目路徑下安裝依賴後再啓動，要不然啓動失敗。
# 安裝依賴
npm install
# 在 localhost:8080 啓動項目
npm run dev
6、打包
npm run build
該命令執行成功之後，項目的目錄下生成一個dist文件夾，該文件夾可以部署到服務器上了。