現在都流行前後端分離的開發的思想,前端和後台開發是並行進行的,後台負責寫介面,前端呼叫後台介面獲取資料,並渲染資料,在這樣的開發的環境下,作為乙個後台介面開發人員,也有必要了解一下前端的技術,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...