Vue 簡單專案搭建

2021-09-26 16:15:53 字數 980 閱讀 5158

1.全域性安裝vue-cli腳手架

2.建立乙個webpack模板專案

命令: vue init webpack my-project

說明:project name ==> 專案名稱 my-project

project description ==> 專案描述

author ==> 作者

vue build ==> 打包方式,回車即可;

install vue-router ==> 是否要安裝 vue-router,專案中肯定要使用到 所以y 回車;

use eslint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;

set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;

setup e2e tests with nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車;

3.使用vs code開啟新建的專案並在終端中輸入用命令 npm install 安裝依賴,依賴包安裝好後的目錄結構如下圖

4.啟動專案,使用命令npm run dev

成功啟動後路下圖所示

瀏覽器中顯示的介面.

013 Spring簡單專案搭建

在專案真實開發過程中,框架使用太多,已經不知道spring的最簡形式和原理了,在此記錄學習過程 controller在springboot中直接標註,然後就可以進專案的介面訪問,但是在springmvc的架構中不是這樣 dispatchcerservlet是spring實現的核心元件,其原理決定了為...

Struts2初學搭建簡單專案

一 struts2介紹 1.概念 輕量級的mvc框架,主要解決了請求分發的問題,重心在控制層和表現層。低侵入性,與業務 的耦合度很低。struts2實現了mvc,並提供了一系列api,採用模式化方式簡化業務開發過程。2.與servlet對比 優點 業務 解耦,提高開發效率 缺點 執行效率偏低,需要使...

Vue的安裝與第乙個簡單專案的搭建

今天安裝了vue這個前端框架,由於之前裝過node.js就說一下除了安裝node.js外其他的事情。首先檢視是否有node.js win r cmd 回車也就是在命令列中輸入node v 可以返回node.js的版本號。npm install g vue cli 安裝新版本的vue命令 npm in...