vue-element-admin

时间:2022-07-25
本文章向大家介绍vue-element-admin,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

npm/node  package manag/node的包管理器

这是一个属于前端的时代?

环境准备

# vue + vue-cli
# npm i vue -g
# npm i vue-cli
## i/install 
## -g/-global
## --save/-S = dependencies
## --save-dev = devDependencies
npm i @vue/cli -g

# initialization I
vue ui
## version issue = vue-cli > 3.0+
vue -V / -h
npm i --upgrade @vue/cli -g
# initialization II
npm i webpack -g
vue init webpack xxx
## cd xxx
npm install
npm run dev

# deployment I
npm run build (dist)
npm install -g serve
serve dist
# deployment II
# 1、package.js -> scripts 命令
# 2、webpack.dev.conf.js -> publicPath: config.dev.assetsPublicPath,
#    Ctrl点击 -> index.js 文件
# 3、dev/开发环境,build/构建版本
#    -> build - assetsPublicPath: '/'
#    --> assetsPublicPath: './',即“/”前加点
# 4、npm run build
# 5、点击index.html,通过浏览器运行便,
# 6、动态绑定的static的图片找不到,static必须使用绝对路径

跳到业务后台/管理框架(前端) vue-element-admin / ant desgin / d2admin / ivew(view ui)

# git clone https://github.com/PanJiaChen/vue-element-admin.git
git clone https://github.com/PanJiaChen/vue-admin-template.git
# enter the project directory
cd vue-admin-template
# install dependency
npm install
# develop
npm run dev
# http://localhost:9527

>>>