搭建Vue的环境

目录

[# 开篇](# 开篇)

[步骤一,准备Vue 的环境](#步骤一,准备Vue 的环境)

步骤二,下载Vue.js的包

步骤三,创建并打开写前端代码的文件夹

步骤四,在VSCode中引入Vue.js的包

步骤五,创建第一个vue.html

Vue其他知识

Vue.config命令


# 开篇

介绍:

Vue.js是一款流行的前端JavaScript框架,用于构建交互式的用户界面。它被设计为逐步采用的框架,可以轻松地与现有的项目集成,并且具有简洁、灵活和高效的特点。

Vue.js具有响应式数据绑定和组件化的特性,这使得开发者可以更轻松地构建复杂的前端应用程序。它还具有简单易懂的API和文档,使得学习和使用Vue.js变得相对简单。

除此之外,Vue.js还拥有一个强大的生态系统,包括大量的插件和工具,以及一个活跃的社区。这使得开发者可以轻松地找到所需的资源和支持。

  • Vue的整个章节都是基于VSCode开发工具来进行开发前端工程的;

步骤一,准备Vue 的环境

vue2.js官网:介绍 --- Vue.js (vuejs.org)

步骤二,下载Vue.js的包

在官网中下载这两个包:

包介绍:

步骤三,创建并打开写前端代码的文件夹

创建目的是用来放前端的代码:

步骤四,在VSCode中引入Vue.js的包

步骤五,创建第一个vue.html

引入vue.js包:

在这个代码片段中,type="text/javascript"表示该script标签中的脚本类型是JavaScript。这是为了告诉浏览器如何解析和执行该脚本。

按下Ctrl+S保存后打开html文件:

Vue其他知识

Vue.config命令

相关推荐
smchaopiao12 分钟前
如何用CSS和JS搞定全屏图片展示
前端·javascript·css
酉鬼女又兒18 分钟前
零基础快速入门前端CSS Transform 与动画核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·css·职场和发展·蓝桥杯·html
山川行22 分钟前
Python快速闯关8:内置函数
java·开发语言·前端·笔记·python·学习·visual studio
还是大剑师兰特1 小时前
将 Utils.js 挂载为全局(window.Utils.xx)完整配置方案
开发语言·javascript·ecmascript
徐小夕1 小时前
花了一周时间,我们开源了一款PDF编辑SDK,支持在线批注+脱敏
前端·vue.js·github
前端Hardy1 小时前
Qwik 2.0 Beta 来了:不靠 AI,只靠 Resumability,首屏交互快到离谱
前端·javascript·面试
1-1=01 小时前
ExtJS 快速入门—— 面板 详细版
前端·jquery
前端攻城狮Qwen1 小时前
Service Worker在电子菜单中的实际应用
前端
前端Hardy1 小时前
NW.js v0.109.1 最新稳定版发布:被遗忘的桌面开发神器?启动快 3 倍,内存省 70%!
前端·javascript·vue.js
Kath1 小时前
[归档][2022-05-16]opensumi看码记录
前端