📜  vue create cli - Javascript (1)

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

使用 Vue CLI 创建 JavaScript 项目

Vue CLI 是一个官方发布的创建 Vue.js 项目的标准工具。使用 Vue CLI 可以轻松地创建、配置和管理 Vue.js 项目。

安装 Vue CLI

首先,我们需要在电脑上安装 Vue CLI。通过以下命令安装:

npm install -g @vue/cli

这个命令会在全局安装 Vue CLI.

创建一个 Vue.js 项目

接下来,我们可以使用 Vue CLI 创建一个新的项目。在你的终端中,使用以下命令创建一个新项目:

vue create cli - Javascript

这个命令指定了使用 Vue CLI 创建一个名为 "cli" 的新项目,并且使用 JavaScript 作为主要的编程语言。在创建过程中,Vue CLI 会向我们展示一些配置选项,例如选择使用的包管理工具(npm、yarn),是否使用 ESLint 进行代码风格检查等等。你可以根据需要选择或编辑这些选项。

创建完成之后,你就可以进入项目文件夹,然后启动开发服务器开始开发了:

cd cli
npm run serve

这个命令启动一个开发服务器,然后会在浏览器中打开一个新的窗口。在这个开发服务器中,你可以编辑和保存源代码,然后在浏览器中实时查看你所做出的更改。

代码片段
npm install -g @vue/cli
vue create cli - Javascript
cd cli
npm run serve
结论

在这个简单的介绍中,我们已经了解了如何使用 Vue CLI 创建一个新的 Vue.js 项目。Vue CLI 不仅支持 JavaScript,还支持 TypeScript、SCSS 等多种编程语言,可以大大提高项目开发的效率。如果你是一名 Vue.js 开发者,确保掌握 Vue CLI 是一个非常有用的技能。