tnblog
首页
视频
资源
登录

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

4479人阅读 2019/5/29 12:47 总访问:77830 评论: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就编写完成了...

         

评价
a genius is the person who repeats the most times
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术