Vue.js介绍
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
将 Vue.js 添加到项目中主要有四种方式:
- 在页面上以 CDN包的形式导入。
- 下载 JavaScript 文件并自行托管。
- 使用npm安装它。
- 使用官方的 CLI来构建一个项目,它为现代前端工作流程提供了功能齐备的构建设置 (例如,热重载、保存时的提示等等)。
独立版本
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
npm下载
# 查看版本
$ npm -v
#升级 npm
cnpm install npm -g
# 升级或安装 cnpm
npm install cnpm -g
项目目录
1 babel.config.js babel配置文件 2 dist 生成的用于上线的低端代码 3 jsconfig.json js配置文件 4 node modules 包仓库 5 package-lock.json package的升级版,把包固定在某个版本 6 package.json 项目配置文件 7 public 公共文件 8 README.md 9 src 程序员开发写的内容 10 App.vue 主组件 11 assets 静态文件 12 components 组件盛放文件夹 13 main.js 主要js(入口js) 14 vue.config.js vue配置文件
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?