请选择 进入手机版 | 继续访问电脑版
欢迎致电:400-080-5708 服务时间:8:00-18:00

Vue UI:Vue开发者必不可少的工具

6
回复
319
查看
[复制链接]

24

主题

2

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 5 天前 | 显示全部楼层 |阅读模式
随着最新的稳定版本Vue CLI 3即将发布,是时候来看看有什么新鲜有趣的特性了。基于整个Vue.js开发者社区的反馈而大幅度改良,该版本提供了很多以工作流为中心的工具。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资我想会提升每一位Vue.js的开发者工作的特性就是Vue UI。一个可视化图形界面方便你去创建、更新和管理项目的方方面面。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资今天,我会跟你一一介绍Vue UI的beta版本中可用的功能。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资开始
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资首先,我们确保安装了最新的Vue CLI。打开Terminal,输入:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
npm install -g @vue/cli
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资# OR
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资yarn global add @vue/cli
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
你可以使用-V来查看一些刚刚安装的版本:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
vue -V
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
# 应该会输出下面的结果
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
3.0.0-rc.3
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
为了初始化你的Vue UI,在一个干净的目录下输入:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
vue ui
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
该命令会自动打开你的浏览器,你要确保当前目录下没有其他项目,浏览器展示的页面如下:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资Vue UI默认会显示第一个Tab,也就是项目管理,你可以很轻松查看当前创建的项目。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资创建第一个项目
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资要创建一个新的项目,点击中间的"Create"按钮:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资项目创建工具会让你选择在哪个目录下创建(以防万一,你想在不同的目录下创建);当文件夹被选中后,点击"Create a new project here"按钮,然后会进入一个步步指导:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资为项目选择一个目录,选择你喜欢的项目/包管理器(npm或则yarn),然后点击"Next":
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资接下来,你会被要求配置预装选项;在大多数情况下,默认的配置足够使用。本文作为一篇指导文章,我们选择手动配置。选择"Maual",然后点击"Next":
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资有非常多的选项可以配置;使用Babel、TypeScript;启用Vue组件Vuex、Vue Router;最后基于你的选择,会有一个相应的附加库配置:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资我选择使用了一个ESLint和开启单元测试,我选择加Prettier和Jest放到我的技术栈中,并且当我保存/提交代码的时候自动做Lint。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资最后,点击"Create Project",会提醒你保存当前的配置,然后创建项目。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资当项目创建成功以后,Vue UI会展示该项目配置的所有插件:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资在这里,你可以更新插件,安装新插件,打开Vue DevTools等等。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资## 添加插件
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资当你的项目创建好后,安装新的插件非常简单。点击"Add Plugin",然后搜索你需要的插件:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资你会发现有些插件标记着"Official",那么这些由Vue.js官方开发。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资选择你要得插件,然后点击"install"按钮:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资注意在当前的版本下,你一次只能安装一个插件。基于你安装的插件,你可能会被要求作出一些对该插件相关的额外配置。当安装完毕,你可以切换到"Files changed"页面,选择将这些代码变动提交。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资最后,我们新安装的插件已经在已安装插件列表中了:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资配置你的项目
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资Vue UI允许你在项目创建后依然可以修改配置。点击左侧第二个配置图标,然后你就可以看到当前的配置:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资我们可以轻松修改所有可选项。我建议你阅读文档了解哪些可以修改。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资执行项目任务
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资另一个很有用的功能是Vue UI可以让你直接执行你项目中定义的任务(npm scripts)。比如,我们要运行开发版本的服务器:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资该界面提供了很多有趣的技术细节,比如包大小、加载时间提示、详细的每一个资源创建耗费的时间。如果你想知道更详细的信息,点击"Analyzer"选项:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资如果你想要对应用的大小做优化,那么你可以用这个工具来分析哪些静态资源太大,可以适当减小。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资本地化
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资在早些时候,我们安装了Vuei18n插件。当我们安装完这个插件,一个额外的子菜单,提供了我们配置本地化的选项。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资当我们访问本地化配置的页面的时候,我们会发现“English”已经是默认配资,并且有一个默认的例子”hello i18n!”。我们本地化所有的文本,我们需要选择添加我们要支持的语言。首先,点击"Add locale"按钮:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资在本示例中,我们选择添加法语”fr”,接下来我们可以将所有的英语都翻译到对于的法语。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资如果我们去查看代码,我们可以看到对应的代码文件:
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资你可以看到,虽然还是Beta版本,Vue UI将会是一个非常有用的工具。
华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资 华夏配资网 股票配资 期货配资 配资门户 配资公司 配资平台 在线配资 股票配资门户 配资作者Fundebug 本文地址:http://blog.fundebug.com/2018/07/10/vue-ui/文章仅代表作者个人观点,不代表华夏配资网的官方立场,如需刊登转载请注明来源华夏配资网并注明作者,违者必究。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

1

主题

6

帖子

27

积分

新手上路

Rank: 1

积分
27
发表于 5 天前 | 显示全部楼层
好.
回复 支持 反对

使用道具 举报

17

主题

19

帖子

88

积分

注册会员

Rank: 2

积分
88
发表于 5 天前 | 显示全部楼层
转发了
回复 支持 反对

使用道具 举报

0

主题

3

帖子

29

积分

新手上路

Rank: 1

积分
29
发表于 5 天前 | 显示全部楼层
转发了
回复 支持 反对

使用道具 举报

16

主题

18

帖子

79

积分

注册会员

Rank: 2

积分
79
发表于 5 天前 | 显示全部楼层
转发了
回复 支持 反对

使用道具 举报

12

主题

17

帖子

79

积分

注册会员

Rank: 2

积分
79
发表于 5 天前 | 显示全部楼层
转发了
回复 支持 反对

使用道具 举报

18

主题

20

帖子

75

积分

注册会员

Rank: 2

积分
75
发表于 5 天前 | 显示全部楼层
转发了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

0530-3625105

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:山东省菏泽市牡丹区青年路光大商贸楼B20
电邮:2541944188@qq.com
移动电话:15315404116

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc. |网站地图