Vue2 入门

Vue.js 是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

安装 之 命令行工具 (CLI)

注:Vue CLI 现已处于维护模式! 现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。

安装:

1
2
3
npm install -g @vue/cli --registry=https://registry.npmmirror.com
# OR
yarn global add @vue/cli

你可以用这个命令来检查其版本是否正确:

1
vue --version

创建一个项目:

1
2
3
vue create my-project
# OR
vue ui

调试 和 打包

npm run serve

npm run build

vue 开发者工具安装

在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。

参考

介绍 — Vue.js https://v2.cn.vuejs.org/v2/guide/