目录
前言
vue.js的概念:
脚手架的安装
脚手架:
安装脚手架之前我们需要安装node.js
创建一个vue项目
心得体会
前言
vue.js的概念:
Vue.js是一种用于构建用户界面的现代JavaScript框架。它是一种轻量级、高效和灵活的框架,通过采用组件化的开发方式,可以快速构建交互性强的单页面应用(SPA)和动态网页应用。
脚手架的安装
脚手架:
脚手架是一套已经包含核心功能和标准文件夹结构的半成品项目源代码,它的优点是标准化,极其便于协作,避免重复搭结构,降低学习成本。在今后所有的项目和新技术,基本都是在脚手架基础上开发的。
脚手架是一类软件的总称,此类软甲用于生成标准化的项目包,这种项目包具备完善的模块,报错提示,代码提示...使用Vue框架,通过脚本的方式引入Vue脚本,在html中运行更为便捷
安装脚手架之前我们需要安装node.js
搜索node.js官网下载自己所需要的版本 Node.js 中文网https://nodejs.cn/download/
点击下载打开之后,一直点击next
有勾选就勾选上,之后选择安装目录,选择好安装目录后点击next
到最后一步勾选同意协议后,就可直接下载了(由于本人之前已经下载完成了所以就不做详细步骤了)
下载完成后打开cmd命令提示符,可输入node -v检查版本,出现版本号即安装成功
运用以下代码安装脚手架
npm install -g @vue/cli
在控制台中可输入 vue -V 出现版本号就是安装成功了
在安装的过程中因为版权问题下载速度会受到限制,所以我们可以配置一个淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建一个vue项目
在需要创建的项目目录下可输入:vue create 项目名 回车进入下图运用上下键选择,选择最后一个再回车
运用上下键可进行选择,“空格键”确定选项,长按可取消
选择2.x回车之后选择下列选项
按照所给的提示进入项目目录:cd 项目名
之后根据提示运行项目:npm run serve
出现网址之后打开
出现以下画面就证明脚手架已经安装成功了
心得体会
学习Vue.js框架是一次很有意义的经历,以下是我个人的心得体会:
1. 简洁易学:Vue.js的语法简洁明了,易于理解和上手。它采用了类似于HTML的模板语法,使得开发者能够快速构建出界面,并且易于维护。
2. 组件化开发:Vue.js采用了组件化开发的思想,将界面拆分成一个个独立的组件,每个组件都有自己的逻辑和状态管理。这种方式使得代码结构清晰,易于复用和维护。
3. 响应式数据:Vue.js采用了双向数据绑定的机制,使得数据的变化能够自动反映到界面上,同时用户的操作也能够自动更新数据。这种响应式的特性让开发者能够更专注于业务逻辑的实现,提高开发效率。
4. 生态丰富:Vue.js拥有一个庞大的生态系统,有丰富的插件和组件可供使用。无论是路由管理、状态管理、表单验证还是UI组件,都能够找到对应的解决方案。这大大提高了开发效率,并且能够满足各种不同的需求。
5. 社区活跃:Vue.js拥有一个非常活跃的社区,有许多开发者积极贡献自己的代码和经验。无论是学习资料、问题解答还是技术讨论,都能够在社区中找到帮助。这种良好的社区氛围为学习和成长提供了很大的支持。
总的来说,学习Vue.js框架是一次很有意义的经历。它不仅让我掌握了一种流行的前端开发框架,更重要的是培养了我的代码思维和解决问题的能力。我相信在未来的学习和工作中,这些收获都将对我有很大的帮助。
好文阅读
发表评论