初識Vue 了解所需配置及意義

2021-10-06 19:09:22 字數 1903 閱讀 3208

作用:可以快速建立vue專案結構,而不需要我們一點點的去建立/管理專案所需要的各種資料夾/檔案

1.安裝vue-cli前提條件:你必須安裝了nodejs,並且版本在8.9以上

開啟你的cmd ,輸入 node -v 檢視你的版本

node -v
①開始安裝開啟cmd,開啟dos視窗輸入

npm install -g @vue/cli
or

yarn global add @vue/cli
②檢查vue是否安裝成功輸入:vue --version或者vue -v③ 如果仍然要使用vue-cli 2版本的指令 需要安裝乙個橋接工具

npm install -g @vue/cli-init
④選擇你要建立專案的位址位址自定

⑤進入你建立好的工程的目錄位址

舉例:d:\workspace\exam\webcode

執行vue init webpack-****** 專案名稱

使用腳手架工具初始化你的專案

webpack-******是一種工程模板

vue init webpack-****** hellovue
1)選項設定工程工程,並且生成vue的腳手架

2)進入已經vue-cli 已經建立好的工程目錄中

執行指令:

npm install
⑦依賴安裝完成後,啟動我們的腳手架

main.js 入口檔案:主要作用是初始化vue例項並使用需要的外掛程式。

.babelrc babel配置引數

.editorconfig **格式

.gitignore git忽略檔案

index.html 專案的首頁

package-lock.json

package.json

readme.md 專案說明

webpack.config.js webpack配置檔案

需要在webpack配置檔案中引入

cannot read property 'matched' of undefined意味著vue-router的某關鍵字沒有被引擎獲取到,導致報錯。

經過問題檢索,我發現問題出在main.js中。我在vue例項中,使用物件屬性簡寫形式加入了自命名的路由屬性,但vue需要識別固定屬性名router以載入vue-router。

所以,如果引入路由元件時,使用自定義名稱,在vue例項中宣告時,應以鍵值對形式引入,如下

new vue()

F5初識及基本配置

目前全球範圍內應用比較廣泛的負載均衡裝置為美國的f5。f5於2000年底進駐中國,在國內業界,f5負載均衡產品已經成為了主流負載均衡技術的代名詞。下面我們對f5負載均衡裝置做乙個基本介紹,方便大家去認識和運用它。一 首先看裝置標識和面板 f5 裝置的面板結構 10 100 1000 inte ce ...

vue的配置及使用

vuex 配置步驟 安裝vuex cnpm i vuex s 匯入 vuex import vuex from vuex 將vuex 掛載到 vue中 vue.use vuex new vuex.store 例項,得到乙個資料倉儲物件 將 vuex 建立的 store 掛載到 vm 例項上,只要掛載...

Vue環境安裝及配置

npm install npm g 安裝 npm v 檢視版本資訊 4 cnpm安裝參考 npm install g cnpm 在git中輸入 cnpm 檢驗是否安裝成功 5 yarn安裝參考 npm install g yarn yarn v 檢驗是否安裝成功 6 vue安裝 cnpm insta...