首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >vue-element-admin

vue-element-admin

原创
作者头像
vanguard
修改2020-09-21 15:23:01
修改2020-09-21 15:23:01
7150
举报
文章被收录于专栏:vanguardvanguard

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

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

环境准备

代码语言:shell
复制
# 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)

代码语言:shell
复制
# 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

>>>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档