bootstrap 精美_基于Bootstrap 4和Vuejs构建的精美资源

bootstrap 精美

Vue Light Bootstrap仪表板 (Vue Light Bootstrap Dashboard)

Vue Light Bootstrap Dashboard is a beautiful resource built over Bootstrap 4 and Vuejs.

Vue Light Bootstrap仪表板是建立在Bootstrap 4和Vuejs之上的漂亮资源。

It will help you get started developing dashboards in no time. Vue Light Bootstrap Dashboard is the official Vuejs version of the Original Light Bootstrap Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vue and Vue-Router.

它将帮助您立即开始开发仪表板。 Vue Light Bootstrap仪表板是Original Light Bootstrap仪表板的官方Vuejs版本。 使用仪表板非常简单，但是需要Javascript，Vue和Vue-Router的基础知识。

View demo 查看演示 Download Source 下载源

Vue Light Bootstrap Dashboard was coded by Cristi Jora and the design was made by Creative Tim. The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Vue Light Bootstrap Dashboard contains handpicked and optimised Vuejs plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customisation of this product.

Vue Light Bootstrap仪表板由Cristi Jora编码，设计由Creative Tim制作。 该产品代表了一大套前端开发人员工具，可以帮助您快速启动项目。 我们创建它时考虑的是仪表板中您实际需要的东西。 Vue Light Bootstrap仪表板包含精选和优化的Vuejs插件。 一切都旨在相互配合。 如您所见，可以在Creative Tim上访问的仪表板是此产品的自定义项。

It comes with 6 filter colors for the sidebar (“black”, “azure”,”green”,”orange”,”red”,”purple”) and an option to have a background image.

它为侧边栏提供6种滤镜颜色(“黑色”，“蓝色”，“绿色”，“橙色”，“红色”，“紫色”)和一个具有背景图像的选项。

入门 (Getting started)

Vue Light Bootstrap Dashboard is built on top of Bootstrap 4, Vuejs and Vue-router. To get started do the following steps:

Vue Light Bootstrap仪表板建立在Bootstrap 4，Vuejs和Vue-router之上。 要开始，请执行以下步骤：

1. Download the project

   下载专案

2. Make sure you have node.js installed

   确保您已安装node.js

3. Type "npm install" in the source folder where "package.json" is located

   在“ package.json”所在的源文件夹中键入“ npm install”

4. Type "npm run dev" to start the development server

   键入“ npm run dev”以启动开发服务器

The repo uses vue-cli scaffolding which takes care of the development setup with webpack and all the necessary modern tools to make web development faster and easier.

该仓库使用vue-cli脚手架，该脚手架可通过webpack和所有必要的现代工具来完成开发设置，从而使Web开发更快，更轻松。

Npm任务： (Npm tasks:)

• "npm run dev" - starts a development server on localhost:8080 with live-reload

  “ npm run dev”-通过实时重载在localhost：8080上启动开发服务器

• "npm run build" - builds the app for production with javascript minification and versioning

  “ npm run build”-使用javascript最小化和版本控制来构建用于生产的应用程序

• "npm run unit" - Runs unit tests located under test\unit folder. There are couple of tests written for you to get a better idea on how to run and write Vue unit tests

  “ npm run unit”-运行位于test \ unit文件夹下的单元测试。 为您编写了一些测试，以使您更好地了解如何运行和编写Vue单元测试。

• "npm run unit:watch" - Runs unit tests while listening for any changes in the project. This way you can develop new features and make sure that your old components work as expected without running unit tests every time.

  “ npm run unit：watch”-在侦听项目中的任何更改时运行单元测试。 这样，您可以开发新功能并确保旧组件能够按预期工作，而无需每次都运行单元测试。

• "npm run e2e" - Runs end to end tests. The command and the setup for end to end tests is provided by vue-cli. If you need and have the necessity to write end to end tests, feel free to write them under test\e2e folder

  “ npm run e2e”-运行端到端测试。 端到端测试的命令和设置由vue-cli提供。 如果需要并且有必要编写端到端测试，请随时将其写在test \ e2e文件夹下

• "npm run test" - Runs both unit and end to end tests.

  “ npm运行测试”-运行单元测试和端到端测试。

翻译自: https://vuejsexamples.com/a-beautiful-resource-built-over-bootstrap-4-and-vuejs/

bootstrap 精美