vue-cli安裝
阿新 • • 發佈:2017-10-24
class 創建項目 項目依賴 優勢 code localhost dev 初始化 選擇 使用node的包管理工具npm ,-g為全局安裝
vue-cli 是vue官方提供的一個腳手架工具,用於初始化一個Vue項目;
vue-cli的優勢:
1、成熟的vue項目架構設計,而且會跟隨vue版本的更叠而更新;
2、提供了一套本地測試服務器,而且是一個熱加載的服務器;
3、提供了自己的一套集成打包上線的方案,webpack 或者gulpify在創建項目的時候可以進行選擇;
有了以上優勢,可以非常快速的搭建項目;
vue-cli對系統的要求:
vue-cli 是命令行的一個工具,系統需要
1、node.js(>=4.x)
2、 Git
3、能使用node的命令行終端;
vue-cli使用流程:
1、vue-cli的安裝:
npm install vue-cli -g
2、初始化項目:全局安裝完vue-cli後可以在命令行工具裏使用vue命令,init-初始化項目, webpack-規定了使用的是webpack的打包方式,my-project為項目名稱,項目名不可以用大寫字母,初始化項目就是通過git下載vue-cli提供的腳手架代碼
vue init webpack my-project
3、安裝項目依賴:初始化項目之後,還要通過npm安裝項目依賴,此代碼需要和package.json在一個文件夾下
npm install
4、在localhost啟動測試服務器:
npm run dev
5、生成上線目錄(進行部署):
npm run build
vue-cli安裝