📜  使用 2.9.6 从头开始创建 vue 项目 (1)

📅  最后修改于: 2023-12-03 15:22:09.225000             🧑  作者: Mango

使用 2.9.6 从头开始创建 Vue 项目

Vue.js 是一个轻量级的 JavaScript 框架,它可以让开发者更方便的构建交互式用户界面。本文将介绍如何使用 2.9.6 版本从头开始创建 Vue 项目。

安装 Node.js 和 npm

首先需要安装 Node.js 和 npm(Node 包管理工具)。Node.js 是基于 Google Chrome V8 引擎的 JavaScript 运行环境,npm 可以让你从全球的代码仓库中下载和管理 Node.js 包。

  • 官网下载 Node.js: https://nodejs.org/zh-cn/download/
  • 安装完成后,在终端输入以下命令,检查是否安装成功:
node -v
npm -v
创建 Vue 项目

在安装好 Node.js 和 npm 后,就可以开始创建 Vue 项目了。

1. 全局安装 Vue CLI

Vue CLI 是用于快速搭建基于 Vue.js 的应用程序的工具。在终端输入以下命令来全局安装 Vue CLI:

npm install -g @vue/cli
2. 创建项目

在终端中进入项目目录执行以下命令来创建一个新的 Vue 项目:

vue create my-project

这里 my-project 是项目的名称,可以自定义。

执行命令后,会出现一系列选项,可以根据自己的需要进行选择。选择完毕后会自动生成项目结构,并自动安装所需的依赖包。

3. 运行程序

运行以下命令启动服务:

npm run serve

这将启动本地服务器,可以访问 http://localhost:8080/ 来查看运行结果。

总结

通过安装 Node.js 和 npm,全局安装 Vue CLI,以及创建 Vue 项目,我们成功的从头开始搭建了基于 Vue.js 的程序。开发者可以根据项目需求进一步调整和完善该项目。