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 ...