vue學習01 安裝

2021-08-06 04:44:18 字數 993 閱讀 6436

一、專案搭建(一共2步)

1.安裝前:你需要安裝node,並且切換成**的映象。

:2.搭建vue專案如下: 

vue.js 提供乙個官方命令列工具

,可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案:

# 全域性安裝 vue-cli

$ npm install --global vue-cli

# 建立乙個基於 webpack 模板的新專案

$ vue init webpack my-project

# 安裝依賴,走你

$ cd my-project

$ npm install

$ npm run dev

報錯:

預設是8080埠,改埠被占用,開啟專案,進入 config>index.js中

修改埠號,再次執行 npm run dev 執行專案

執行成功,開啟頁面:

有的會報錯,如下:

這個是因為版本的問題,我之前就遇到了,搞了半天才明白,哎

檢視自己的node npm 版本是不是太低了,更新到新版本,應該就沒問題了。

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

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 模型 d...

Vue學習筆記 01

漸進式框架vue 1 漸進式 根據開發的需求,可以靈活地選用所需的 功能 工具 進行開發,只關注圖層 view 2 vue框架兩個核心 1 響應的資料繫結 object.definedproperty 中的 setter getter 資料 該屬性不相容ie8 2 可組合的檢視元件 ui介面對映元件...

Vue學習筆記01

view 模板 model 資料 vue的工作就是把提供給它的資料和模板渲染出來 1.m model 2.v view 3.vm viewmodel 簡化專案 方便維護 考慮資料 量少了 維護方便了 業務邏輯更清晰了 指令 編寫模板規則 渲染模板 例項 模板復用 元件 管理頁面跳轉的 vue rou...