node.js 是一个轻量级的 javascript 运行时环境，可以在服务器端运行 javascript，使得开发人员可以利用 javascript 的编程能力进行服务器端编程。vue.js 是一个流行的前端框架，具有简单易用、高效灵活的特点，被广泛应用于移动端和 pc 端的 web 开发。
为了更加便捷地使用 Vue.js 进行 web 开发，Vue.js 提供了一个脚手架工具，即 Vue CLI（Vue Command Line Interface）。Vue CLI 提供了一套包含构建、启动和打包等功能的标准化工具链，可以帮助开发人员快速构建 Vue.js 应用。
本文将介绍如何安装 Node.js 和 Vue CLI，并创建一个基本的 Vue.js 应用程序。
安装 Node.js
要使用 Vue CLI，首先需要安装 Node.js。Node.js 可以从官方网站 https://nodejs.org/ 上下载。
立即学习“前端免费学习笔记（深入）”；
根据自己的系统选择相应的版本下载，安装完成后，打开命令行窗口（Windows用户），输入以下命令，查看 Node.js 是否安装成功：
node -v
如果返回了 Node.js 的版本号，则说明 Node.js 安装成功。
安装 Vue CLI
Vue CLI 可以通过 npm 安装。npm 是 Node.js 的包管理器，可以从公共的 npm 仓库中下载和安装各种 JavaScript 包和工具。
在命令行窗口中输入以下命令，安装 Vue CLI：
npm install -g @vue/cli
这个命令会将 Vue CLI 安装到全局环境中，可以在任何地方使用。
创建 Vue.js 应用
安装完成 Vue CLI 后，就可以使用它来创建 Vue.js 应用程序了。
在命令行窗口中输入以下命令，创建一个基础的 Vue.js 应用程序：
vue create my-project
其中，my-project 是项目名称，可以根据自己的需要修改。
执行完这个命令后，Vue CLI 会提示你选择一个预设，即提供了一些不同的选项，包括：
- Default (Babel, CSS)
- Default (Babel, PostCSS, ESLint)
- Default (TypeScript)
- Default (TypeScript, ESLint)
- Manually select features
这些预设会自动配置一些常用的选项，比如使用Babel、PostCSS、ESLint等。如果你只需要一个基本的应用程序，可以选择默认选项。
然后，Vue CLI 会下载所有需要的包和依赖项，并生成一个基本的 Vue.js 应用程序。
运行 Vue.js 应用
创建完成 Vue.js 应用程序后，就可以运行它了。在命令行窗口中进入项目目录，并输入以下命令：
cd my-project npm run serve
这会启动一个本地开发服务器，可以在浏览器中访问 http://localhost:8080 查看应用程序。
总结
Node.js 和 Vue CLI 都是非常强大的工具，可以帮助开发人员快速构建 Vue.js 应用程序。本文介绍了如何安装 Node.js 和 Vue CLI，并创建了一个基本的 Vue.js 应用程序。希望本文能够帮助你更加便捷地使用 Vue.js 进行 web 开发。
