Vue學習手記01 安裝和專案建立

2022-05-26 11:06:12 字數 2462 閱讀 6736

1.安裝vue

注:node版本必須大於等於8.9

vue-cli3.x:npm install -g @vue/cli

vue-cli2.x:npm install -g @vue/cli-init

使用三步曲:

//屬性

methods: {}

//方法

})

script

>

body

>

html

>

data中的內容就是m(模型), div中的內容是v(檢視), vue例項是vm

2.建立專案

vue init webpack my-project

注:安裝依賴的時候,選擇最後乙個,就是自己安裝,檢驗和路由初學者一般不安裝,後面學習的時候再安裝到專案

cd my-project

npm start/npm run dev

3.工程目錄說明

.

├── build/ # webpack配置檔案

│ └── ...

├── config/

│ ├── index.js # 主要專案配置

│ └── ...

├── src/

│ ├── main.js # 應用入口檔案

│ ├── components/ # ui元件

│ │ └── ...

│ └── assets/ # 模組資源(由webpack處理)

│ └── ...

├── static/ # 純靜態資源(直接複製)

├── test/

│ └── unit/ # 單元測試

│ │ ├── specs/ # 測試spec檔案

│ │ ├── index.js # 測試構建條目檔案

│ │ └── karma.conf.js # 測試跑步者配置檔案

│ └── e2e/ # e2e測試

│ │ ├── specs/ # 測試spec檔案

│ │ ├── custom-assertions/ # e2e測試的自定義斷言

│ │ ├── runner.js # 測試跑步指令碼

│ │ └── nightwatch.conf.js # 測試跑步者配置檔案

├── .babelrc # babel 配置

├── .postcssrc.js # postcss 配置

├── .eslintrc.js # eslint 配置

├── .editorconfig # editor 配置

├── index.html # index.html模板

└── package.json # 構建指令碼和依賴關係

vue學習01 安裝

一 專案搭建 一共2步 1.安裝前 你需要安裝node,並且切換成 的映象。2.搭建vue專案如下 vue.js 提供乙個官方命令列工具 可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載 儲存時靜態檢查以及可用於生產環境的構...

Vue 環境安裝和建立專案

使用 cdn 方法,遠端鏈結引入,需要連線網路。staticfile cdn 國內 cdnjs npm方法安裝速度較慢,因此不推薦用於日常開發 測試,但在用 vue.js 構建大型應用時推薦使用 npm 安裝。vue.js 提供了乙個官方命令列工具,可用於快速搭建大型單頁應用。vue.js 的推薦開...

vue手腳架安裝和專案建立

一 node安裝 1 如果不確定自己是否安裝了node,可以在命令列工具內執行 node v 2如果執行結果顯示 xx不是內部命令,說明你還沒有安裝node,node按爪給你位址 注意 安裝node cli腳手架目前需要node版本 v4.0以上 二 vue cli 全域性安裝 命令列執行 npm ...