vue.js安裝和使用

.包管理工具: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環境

安裝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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章