vue cli3工具的初步使用

2021-09-11 05:54:51 字數 761 閱讀 9861

現在都流行前後端分離的開發的思想,前端和後台開發是並行進行的,後台負責寫介面,前端呼叫後台介面獲取資料,並渲染資料,在這樣的開發的環境下,作為乙個後台介面開發人員,也有必要了解一下前端的技術,vue是乙個輕量級的前端框架,上手相對容易,那麼要搭建乙個簡單的前台vue開發環境,是學習vue的前提,這裡用vue的官方腳手架vue cli3搭建乙個簡易的開發環境。(初學vue不建議用腳手架)

第一步:安裝node開發環境

第二步:安裝vue cli

開啟命令列執行工具,輸入npm install -g @vue/cli,安裝成功後 輸入vue --version 驗證是否安裝成功

第三步:建立專案

vue create 專案名稱

把生成好的專案用vs code編輯器開啟

官網位址

module.exports = };

啟動工程

vue cli3的安裝使用

1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8,否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置,最...

vue cli3的安裝和使用

可通過命令列檢視是否成功 registry.npm.taobao.org3.安裝vue腳手架,3是指定版本,不加則預設安裝最新版本 npm install vue cli 3 g4.檢視vue腳手架是否安裝成功 vue v1.新建乙個vue專案 vue create proj name 2.進入專案...

vue cli3中mockJs的使用

mock 作用 生成隨機資料,攔截ajax請求 安裝 npm install mockjs 核心 mock.mock mock.random 隨機生成資料 安裝完成後,在src目錄下新建mock資料夾,建立mock index.js作為配置檔案 import mock from mockjs 設定2...