博客地址 :https://www.cnblogs.com/sandraryan/
Vue.js(讀音 /vjuː/, 類似於 view) 是一套構建用戶界面的漸進式框架。Vue 只關注視圖層, 采用自底向上增量開發的設計。
vue使用方法:
1. 官網下載直接引入js文件
2. cdn <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>(我用的是這個)
3. npm
要使用npm,首先應該去node官網下載node,下載好的node會包含npm工具,可以通過在終端輸入node -v /npm -v查看node/npm是否安裝成功
npm i npm -g 升級/安裝npm
然后,npm i vue (i是install的縮寫)
檢測vue是否下載成功,vue -V(注意:大寫V)
全局安裝vue-cli npm install --global vue-cli (global簡寫g)
使用webpack打包工具生成文件目錄(初始化vue項目) vue init webpack 文件夾
進入生成的文件(命令cd 文件夾名),運行vue頁面: npm run dev
運行成功終端會返回一個網址,一般來說端口號是8080,在瀏覽器打開,就是你的vue項目惹
補充: NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題
命令行界面(英語:command-line interface,縮寫:CLI)
webpack是一個開源的前端打包工具。Webpack 提供了前端開發缺乏的模塊化開發方式,將各種靜態資源視為模塊,並從它生成優化過的代碼。要使用Webpack 前須先安裝Node.js, 在vue使用webpack會自動生成目錄
如果只是自己寫demo我一般用cdn引入,但是要進行大型項目開發,一般都用npm
安裝路由
vue在安裝的時候選yes,可以下載路由,如果選了no,后期也可以自己安裝(配置本篇不寫QAQ)
npm i vue-router --save
安裝vue-x
Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式
一般都只在當前項目下安裝vuex
npm i vuex --save
tha‘t all~~~~