vue从入门到精通：搭建第一个vue项目

目录

Vue是什么

一、nodejs安装

二、安装Vue CLI

三、创建Vue项目

四、配置vue.config.js文件

五、创建第一个应用hello word

---

Vue是什么

Vue是一款‌用于构建用户界面的 JavaScript 渐进式架构‌既可作为库（仅关注视图层）也可扩展为框架，支持从静态页面到复杂单页应用（SPA）的渐进式开发。并提供了一套声明式的、组件化的编程模型，可以实现数据双向绑定，自动同步数据与视图，无需手动更新dom。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

一、nodejs安装

安装步骤参考《nodejs安装步骤》

二、安装Vue CLI

打开终端或命令提示符，使用npm（Node.js的包管理器）来全局安装Vue CLI：

npm install -g @vue/cli

验证Vue CLI版本：

在命令行中输入：vue --version 或者 @vue/cli --version

如果可以正确输出版本号，说明vue-cli框架安装成功

三、创建Vue项目

安装完Vue CLI后，你可以使用以下命令来创建一个新的Vue项目：

例如，如果你想创建一个名为vue-element-app的项目，你可以运行：

vue create vue-element-app

1、在创建过程中，Vue会询问你一些配置选项，你可以根据自己的需要选择。