![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_42622293
这个作者很懒,什么都没留下…
展开
-
Vue入门--CLI脚手架安装
前言 本人前端菜鸟,最近才学习的vue框架,闲来无事,想着写个博客加深理解,也希望对一些新手有所帮助。有不认可的地方,可以随时留言评论,感谢! CLI脚手架 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖...原创 2019-01-02 11:33:28 · 99 阅读 · 0 评论 -
Vue入门--项目初始化
前言 上文已经介绍了Vue-cli脚手架的安装,接下来是项目的初始化,方便后续项目的开发。 一、项目目路结构说明 打开已经创建完成的项目文件夹,如上图所示。 build:项目构建(webpack)相关代码 config:配置目录,包括端口号等 node_modules:npm加载的项目依赖模块 src:这里存放我们项目开发所使用的文件 static:静态资源目录,如图片、字体等 .babelr...原创 2019-01-02 15:36:25 · 134 阅读 · 0 评论 -
vue入门--商城公用底部导航栏
前言 项目基本初始化完成后,我们将开始以一个商城案例为目标进行开发。 一、创建项目页面目录 在src目录下新建pages文件夹,用于存放项目页面 二、新建首页组件文件夹 在pages下新建Home文件夹,用于存放首页所需组件。然后在Home文件夹下新建home.vue及components文件夹,home.vue为首页组件,components文件夹用于存放首页所需组件。 三、新建公用组件文件...原创 2019-01-02 17:31:23 · 1587 阅读 · 0 评论