搭建VueMint ui框架

2022-02-16 02:27:34 字數 1724 閱讀 2101

2023年01月07日 22:29:58

vue project

# 檢查node版本

$ node -v

# 如未安裝

$ brew install node

# 或者

$ npm install node

# 全域性安裝 vue-cli

$ npm install --global vue-cli

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

$ vue init webpack my-project

# 安裝依賴

$ cd my-project

$ npm install

# 安裝路由

$ npm install vue-router

# vue 2.0

$ npm install mint-ui -s

# 引入全部元件

import mint from 'mint-ui'

vue.use(mint)

# 執行專案 localhost:9000

$ npm run dev

# 編譯專案,打包

$ npm run build

# 構建產品並檢視包分析器報告

$ npm run build --report

# 執行單元測試

$ npm run unit

# run e2e tests

$ npm run e2e

# run all tests

$ npm test

├── vueweb

│ ├── build #構建指令碼目錄

│ ├── config #構建配置目錄

│ ├── node_modules #依賴的node工具包目錄

│ ├── src #原始碼目錄

│ │ │ ├── assets #資源目錄

│ │ │ │ └──logo.png

│ │ │ ├── components #元件目錄

│ │ │ │ └── helloworld.vue

│ │ │ ├── router #路由配置

│ │ │ │ └── index.js

│ │ │ ├── main.js #頁面入口js檔案

│ ├── static #靜態資源目錄

│ ├── test #測試檔案目錄

│ ├── index.html #入口頁面

│ └──package.json #專案描述檔案

VUE mint ui按需引入總結

第一步 安裝mint ui 這裡不細說 第二步 執行npm install babel plugin component 文件寫的npm install babel plugin component d,我按文件知道裝了報錯,專案無法編譯,可能是和版本有關係?多次嘗試後把 d刪掉就可以 第三部 修改...

VUE mint ui按需引入總結

第一步 安裝mint ui 這裡不細說 第二步 執行npm install babel plugin component 文件寫的npm install babel plugin component d,我按文件知道裝了報錯,專案無法編譯,可能是和版本有關係?多次嘗試後把 d刪掉就可以 第三部 修改...

ThinkPHP框架一 框架搭建

require thinkphp thinkphp.php 執行tp框架 1 存放位置 controller資料夾中 2 命名規範 控制器的名稱 controller.class.php 3 類名和檔名同名 4 用帕斯卡命名法 大駝峰 5 盡量區分大小寫,6 thinkphp預設全部是utf8編碼 ...