首页 / VUE / Vue+Element 后台管理系统 项目实战（一）

Vue+Element 后台管理系统 项目实战（一）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vue+Element 后台管理系统 项目实战（一），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1970字，纯文字阅读大概需要3分钟。

内容图文

 Vue+Element 后台管理系统 项目实战（一）项目创建

本教程旨在记录个人学习历程，No thinking no coding!

项目创建：

主要命令：vue create vue-element-admin-demo

创建具体流程如下： 

% vue --version
@vue/cli 4.3.1
% vue create vue-element-admin-demo

Vue CLI v4.3.1
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-proce
ssors
? Use history mode for router? (Requires proper server setup for index fallback 
in production) Yes
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported 
by default): Sass/SCSS (with node-sass)
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated confi
g files
? Save this as a preset for future projects? No

Vue CLI v4.3.1
?  Creating project in /Users/hrvy/Documents/vue-element-admin-demo.
??  Initializing git repository...
??  Installing CLI plugins. This might take a while...

yarn install v1.22.4info No lockfile found.
[1/4] ??  Resolving packages...
[2/4] ??  Fetching packages...


success Saved lockfile.
?  Done in27.59s.
??  Invoking generators...
??  Installing additional dependencies...

yarn install v1.22.4
[1/4] ??  Resolving packages...
[2/4] ??  Fetching packages...
[3/4] ??  Linking dependencies...
[4/4] ??  Building fresh packages...
success Saved lockfile.
?  Done in58.38s.
?  Running completion hooks...

??  Generating README.md...

??  Successfully created project vue-element-admin-demo.
??  Get started with the following commands:

 $ cd vue-element-admin-demo
 $ yarn serve

 

项目运行：

主要命令：yarn serve

具体项目启动流程如下：

% cd vue-element-admin-demo 
% yarn serve

yarn run v1.22.4
$ vue-cli-service serve
 INFO  Starting development server...
98% after emitting CopyPlugin

 DONE  Compiled successfully in 3102ms                                  23:25:54


  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://192.168.0.101:8080/
  Note that the development build is not optimized.
  To create a production build, run yarn build.

 

页面效果：

技术分享图片

 

项目结构：

技术分享图片

 

原文：https://www.cnblogs.com/hrvyzou/p/12741542.html

内容总结

以上是互联网集市为您收集整理的Vue+Element 后台管理系统 项目实战（一）全部内容，希望文章能够帮你解决Vue+Element 后台管理系统 项目实战（一）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1107774.html

来源：【匿名】