tnblog
首页
视频
资源
登录

vue.js 学习日记第一章-安装vue开发环境

4799人阅读 2019/5/29 12:47 总访问:82612 评论:0 收藏:0 手机
分类: vue.js

          官网:https://cn.vuejs.org/v2/guide/

          这是一篇学习性文章,不定时更新,用来记录我学习vue.js的过程。

          首先,是vue开发环境的搭建:

          1.下载node.js

          地址:https://nodejs.org/en/download/,根据自己的需要选择对应类型的安装包下载安装就行了

          

     

          2.开发工具我用的是vs code:https://code.visualstudio.com/

          

          现在,我们就可以进行开发了....

          我们先新建一个文件夹用来保存项目文件:

                    

          在文件夹中创建一个子目录:      

          


          然后打开vs code,添加创建的文件夹:

          点击file,选择open folder,然后选择你创建的文件夹就行了

          

          添加成功后可以看到创建的文件夹已经存在了

          

          接下来我们创建一个HTML文件:

          

          直接输入文件类型即可

         

         接下来就可以开始编写了,我先开始学习的引用vue的cdn直接进行开发的模式,之后再学习搭建脚手架环境进行开发

         先写好基本的页面元素,并引用vue的cdn

         

         然后,创建一个新的js文件(创建方式与上述相同,不再概述),用来编写vue的代码对dom进行操作,dom中只需要提供对应的根容器

         

         接着,在HTML页面中声明一个根容器,并添加编写vue代码的js

         

         简单的vue代码编写示例

         

         展示方式:

         

         运行效果:

         

         这样,一个简单的vue就编写完成了...

         

评价

03--vuejs 的简单的介绍和基本的代码

Vue.js(官网地址:https://cn.vuejs.org/index.html)Vue.js 是目前最火的一个前端框架,除了开发网站,还可以开发手机App,...

Windows平台分布式架构实践 - 负载均衡

原文地址: https://www.cnblogs.com/atree/p/windows_loadbalancer.html 概述  最近.NET的世界开始闹腾了,微软官方终...

分布式-微服务-集群的区别

1.分布式将一个大的系统划分为多个业务模块,业务模块分别部署到不同的机器上,各个业务模块之间通过接口进行数据交互。区...

可输入下拉文本框,据输入,动态加载数据 jquery-editable-select

用到一个jquery-editable-select的控件github地址:https://github.com/indrimuska/jquery-editable-select这个插件的原理是...

Python学习 1-安装

Ptyhon非常简单易用的面向对象的脚本语言,跨平台 入门简单python分2个版本 Python2、Python3。Python 2.7 将于 2020 年结...

Python学习 2-基本语法

基础:python脚本语言,不需要编译(像C#、Java、PHP、C++需要编译成机器可识别的语言), 而直接由解释器解释,很多地方类似...

Python学习 3-爬虫基本介绍 及简单实例

爬虫爬虫就是一只猪,蜘蛛。。 网络蜘蛛。互联网是一个网由各个网站组成。无数的蜘蛛就在网上到处爬,根据网址从一个网站爬...

Redis基础安装操作-windows版

一、下载 redis官方没有提供windows版本,需要从微软的git下载releases版二、安装,启动1.解压出来 启动服务 可能会双击会...

Service-stack.redis配置连接池与读写分离(处理并发相关等)

配置连接池与读写分类 //写节点(主节点) List<string>writes=newList<string>(); writes.Add("123456a...

Service-stack.redis操作Redis 并发相关问题

1:不要循环去创建对象,循环去访问redis的时候要特别注意,应该传一个集合进去处理,而不是循环去处理2:要注意释放对象,使...

皓月有趣论题 - U盘或其他存储设备 存入数据后 质量是否发生改变

转自我的个人博客 http://blog.axibug.com之前、朋友提出“U盘或其他存储设备 存入数据后 质量是否发生改变”的问题。那么...

Python实例 1-日志抓取处理 补错(附日志小技巧)

有时候数据出了问题,可以从日志中恢复数据(如果你没记日志..没备份..→_→..)一、日志展示介绍个平常自己用的小方法,如...

Python实例 2-12306抢票(一) 登陆

开坑年关将近,终于对12306下手了,,平安夜撸代码,攻克了12306的登陆 2018-12-24 22:16:00没错 这篇博客就写从零开始的异...

Python实例 2-12306抢票(二) 下单

第二篇 刷票与下单1.记住登陆上一篇写了登陆:http://www.tnblog.net/cz/article/details/162 为了方便调试 不让每次登陆都...

vue.js常用指令,事件绑定等,vue过滤器解析状态过滤器多个参数。vue表格状态解析。vue解析类型,element ui解析类型,状态,el-tag

按照html的编码显示:v-html<div class="font_info" v-html="item.Content">{{item.Content}}&l...
a genius is the person who repeats the most times
排名
35
文章
15
粉丝
5
评论
5
vue.js 学习日记第五章-v-if和v-for指令的使用方式
饰心 : 吃惊!博客更新小王子?
vue.js 学习日记第三章-vue中的简单事件及事件修饰符
修心 : 一个专栏可以的!说一下前端的mvc就更好了
通过PlUpload控件配合WebApi接口完成压缩上传文件
剑轩 : 厉害了,这个很实用。这个可以实现图片压缩?
C#+selenium实现自动登录
剑轩 : 坐标不能是线性的,因为人拖动的时候不是线性的。可以试下这个思路...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
暴雨中前进,伞是倒划天空的船。