四时宝库

程序员的知识宝库

vue-cli 更新对比(vue-cli升级)

vue-cli 更新对比

Vue-cli 是Vue 官方提供的脚手架工具,他的github 地址是:

vue-cli github

vue-cli 3.0发布了,相对比于2.0,更新挺大的。本文简单介绍了下初采坑的一些区别

vue-cli 2.0以上

下载安装

npm install vue-cli -g

vue实战——自定义基础路径,端口号

承接上文,设置环境变量:vue-cli3.x创建的项目设置环境变量与部署

配置了环境变量有什么意义呢?当然是方便部署了。配置了环境变量后,就可以在自定义配置文件中,使用,比如配置基础路径、端口号等。那,如何配置呢?我们通过上文创建的项目,news-list中没看到有可以自定义的地方,别着急。这需要我们添加一个新的文件:vue.config.js。

Vue-cli(标准前端化工程)快速入门

在学习Vue-cli之前,我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习,可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史,了解一下》、《Vue快速入门》等进行快速学习。

接下来我们就来学习标准前端化工程Vue-cli。

Vue-cli

什么是Vue-cli?

vue-cli 编写hello world(vue cli 教程)


在Vue-cli中使用mock.js(vue mockjs)

1、mock.js 拦截ajax请求,生成随机数据

新学到的东西,以我的方式分享一下,我们在开发中,需要后端提供api接口,然后拿到接口去遍历生成数据,渲染到页面上显示。在有的时候,还没拿到后端提供的接口时,前端可以自己模拟后台制作简单的json格式数据进行开发工作

vue-cli3 配置路径别名(vue配置@路径)

最近用Vue Cli3脚手架搭建了Vue项目,发现没有build目录了,里面的webpack相关的也没了,看了官方文档后,查了资料后,发现都在vue.config.js里来配置了

1.先在项目根目录下创建vue.config.js文件

2.然后在文件里输入下面代码

const path = require('path')

function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    lintOnSave: true,
    chainWebpack: (config) => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('base', resolve('src/base'))
            .set('views',resolve('src/views'))
            .set('common', resolve('src/common'))
            .set('components', resolve('src/components'))
    }
}

详细的vue-cli安装步骤(vuecli 安装)

vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node

1、安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,在安装的过程中可以根据个人

喜好使用淘宝的镜像,但是要先安装cnpm(速度和稳定性都比较好)

2、在目标文件夹下打开终端

3、执行cnpm install vue-cli -g 全局安装

vueCli3开发模版,支持scss、vuex、axios、多语言、过滤器等功能

link:https://github.com/wangyupo/vue-vuex-router

vueCli3项目脚手架,SPA最佳实践。

注意!这是一份Vue的最佳实践,包括了实践展示,但是并不包括新手入门,如果你是Vue新手,可以按如下路径学习Vue:

1、用Vue+Vue-Router做一个展示网站。网站按页面划分模块,每个页面按section(部分)再划分模块。培养自己的模块化思想。
2、用Vue+Vue-Router+Axios做一个带请求的网站。把请求结果放在页面上展示出来。锻炼请求接口的能力,了解前后端分离思想。
3、用Vue+Vue-Router+Axios+Vuex做一个能管理数据的网站。把请求放到Vuex中,用store管理数据。搞懂Vuex在开发中的帮助,提升项目开发能力。
做完上面三步你就已经入门Vue了,接下来就可以用这个最佳实践来构建更优雅的代码、组织更简洁的项目。

Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5

前言

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇之处有没有想过其实现方式呢?本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤,并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。(实现起来并不复杂,该教程只是提供思路,并非最佳实践)

Github: https://github.com/huangwei9527/quark-h5

使用Python进行图像识别(python图像识别代码)


你有没有注意到你的猫凝视着虚无,似乎深思熟虑?也许他们正在用似乎过于认真的强度刷着一粒灰尘。让我们承认吧:我们的猫科动物朋友经常用他们神秘的举止让我们感到困惑。但是,如果他们的行动不仅仅是确保额外零食的计划呢?如果他们是秘密任务的特工呢?

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接