初学Vue.js,用 vue ui 创建项目会不会被鄙视

Java8线程池ThreadPoolExecutor底层原理及其源码解析

全栈的自我修养: 6使用vue ui进行vue.js环境搭建

It is only with the heart that one can see rightly. What is essential is invisible to the eye.

用心才能看得清事物的本质,真正重要的东西是肉眼看不见的。

目录

当你看到这篇文章的时候,暂且认为你对如何做一个网站有了兴趣.

前言

上几篇文章曾经讲过使用 vue-cli 和新版本的 @vue/cli 通过命令的方式创建项目和一些常用的配置,但直接用手动点一下创建项目她不香吗!?

这也是我们第一个前后端示例项目的开始

Phil Karlton 曾说“在 CS 领域中,有两件事是非常难的,一个是缓存失效,一个是命名。”

这里随便起个名字吧,这个项目就叫 kola 了,做一个简单的权限管理系统吧

安装@vue/cli

这里还是要安装 @vue/cli, 如果已经安装了请忽略

epimetheus$ npm install -g @vue/cli

安装速度还是比较慢的,大家可以喝杯水

安装完成后可以 vue --version 看下版本号

epimetheus$ vue --version
@vue/cli 4.4.6

创建 Vue 项目

在终端输入命令

$ vue ui
  Starting GUI...
  Ready on http://localhost:8000


这里选择创建, 然后创建一个新项目

这里先选择默认,毕竟我不会配呀

项目微管理34 – 共识

创建可能需要等一会

在这里我们可以通过自定义,添加一些其他展示项

这里我们点击插件,添加一下 vue-route, vuex

通过 +添加插件,通过搜索选择一些插件进行安装,这里安装下 element 插件, 选择默认配置直接安装即可

同样的方式安装下 axios 插件

然后我们看看项目能否运行起来

在任务里面我们可以看到 servebuildlintinspect

点运行,即会运行我们的项目了,成功后点启动项目就能看见我们的项目

如果编译失败了,可以在配置中先将 ESLint configuration保存时检查 先关闭

这样就暂时大功告成了

项目结构

通过 vscode 打开这个项目,发现多了 plugins 目录,这里面放了插件的默认配置,查看 main.js, 可以看出 vue-routerstoreelementuiaxios 已经进行了默认配置,是不是比我们手动配置香了了呢,她香了

git

参考

初学Vue.js,用 vue ui 创建项目会不会被鄙视
免责声明:非本网注明原创的信息,皆为程序自动获取互联网,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责;如此页面有侵犯到您的权益,请给站长发送邮件,并提供相关证明(版权证明、身份证正反面、侵权链接),站长将在收到邮件12小时内删除。

插件化开发笔记(一)代理模式