.包管理工具:npm
.打包工具:webpack
Vue.js 介紹
Vue.js是目前很火的一個前端框架,採用MVVM模式設計,它是以數據驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API,使得我們能夠快速地上手並使用,特別適合單頁應用的開發。
Vue.js是數據驅動的,它通過一些特殊的語法,將DOM和數據綁定起來,無需手動操作DOM。一旦創建了綁定,DOM將和數據保持同步,每當變更了數據,DOM也會相應地更新。
vue-cli 介紹
Vue就是和jQuery一樣是一個前端框架,它的中心思想就是數據驅動
Vue 提供一個官方命令行工具vue-cli,可用於快速搭建大型單頁應用。由於vue-cli是基於nodejs進行工作的,所以安裝之前需要確保你的電腦**已安裝nodejs環境,完成後就可以
安裝nodejs環境
安裝腳手架vue-cli工具 用於幫助搭建所需的模板框架
輸入命令行:npm install -g vue-cli
之後輸入:vue,回車,若出現vue信息說明表示成功
建一個項目 ,vue-cli初始化webpack項目,一路回車
vue init webpack vue(項目文件夾名)
cd 進入項目目錄:>
命令:
安裝各模塊組件
npm install
編譯, 打包生產的命令
npm run build
運行服務
npm run dev
安裝ui組件vuetify
npm install vuetify --save
全局安裝 vue-cli
$ npm install --global vue-cli
創建一個基於 webpack 模板的新項目
$ vue init webpack my-project
安裝依賴,走你
$ cd my-project
$ npm install
$ npm run dev