📜  安装 vue cli - Javascript (1)

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

安装 Vue CLI - Javascript

Vue CLI(Command Line Interface)是Vue.js官方提供的脚手架工具,可以帮助我们快速搭建Vue.js项目的基础结构。本文将介绍如何安装Vue CLI,让你能够轻松开始Vue.js开发。

前置条件

在安装Vue CLI之前,你需要先安装node.js。node.js是一个基于Chrome V8引擎的JavaScript运行时环境,简单来说,node.js是运行JavaScript代码的平台。

安装Vue CLI

在node.js安装完成后,打开命令行工具,输入以下命令来安装Vue CLI 3.x:

npm install -g @vue/cli

这个命令将在全局环境下安装Vue CLI,-g参数表示全局安装。

使用Vue CLI

安装完成后,运行以下命令来创建一个Vue.js项目:

vue create my-project

其中,my-project是你的项目名称,你可以将其替换为任何你喜欢的名称。运行这个命令后,Vue CLI会自动下载并安装项目所需的所有依赖。该命令可能需要一些时间,请耐心等待。

创建完成后,进入项目目录:

cd my-project

运行以下命令来启动开发服务器:

npm run serve

这个命令将在本地启动一个开发服务器,你可以在浏览器中访问http://localhost:8080来预览你的应用程序。

总结

Vue CLI是Vue.js的官方脚手架工具,它可以帮助我们创建和管理Vue.js项目。在这篇文章中,我们讲解了如何安装和使用Vue CLI,希望对您有所帮助。