资料内容:
一、准备工作
1. 安装 Node.js 和 npm
Vue.js 依赖于 Node.js 和 npm。确保在系统中安装了 Node.js 和 npm,可以通过以下步
骤完成:
- 访问 [Node.js 官方网站](https://nodejs.org/)。
- 下载并安装 LTS 版本(长期支持版)。
- 验证安装:打开命令行工具,输入以下命令查看版本号。
```sh
node -v
npm -v
```
2. 安装 Vue CLI
Vue CLI 是一个官方提供的脚手架工具,用于快速创建 Vue 项目。通过 npm 安装:
```sh
npm install -g @vue/cli
```
验证安装:
```sh
vue --version
```
二、创建 Vue 项目
1. 使用 Vue CLI 创建项目
在命令行中执行以下命令创建一个新项目:
```sh
vue create my-vue-app
```
选择默认配置或手动选择配置,根据需要选择合适的配置选项。
2. 进入项目目录
```sh
cd my-vue-app
```
3. 启动开发服务器
```sh
npm run serve
```
打开浏览器,访问 `http://localhost:8080`,可以看到一个 Vue 项目模板页面。