创建一个 Vue 项目使用 Vue CLI 是非常简单的。以下是创建一个 Vue 项目的步骤:

1. 安装 Vue CLI:

   在终端中执行以下命令,全局安装 Vue CLI:
   npm install -g @vue/cli

   或者使用 yarn 安装:
   yarn global add @vue/cli

2. 创建新项目:

   在终端中执行以下命令,使用 Vue CLI 创建一个新的 Vue 项目:
   vue create my-project

   这将提示你选择一个 preset。你可以选择默认配置,也可以选择手动配置以自定义项目。手动配置选项包括 Babel、TypeScript、ESLint 等。选择 preset 后,Vue CLI 将为你创建项目并安装依赖。

3. 进入项目目录:
   cd my-project

4. 运行开发服务器:

   运行以下命令启动本地开发服务器:
   npm run serve

   或者使用 yarn:
   yarn serve

   这将启动开发服务器并在浏览器中预览你的应用。

5. 访问应用:

   打开浏览器,访问 [http://localhost:8080](http://localhost:8080)(或者根据命令行输出的地址),你应该能够看到 Vue 默认的欢迎页面。

这样,你就成功创建并运行了一个 Vue 项目。在开发中,你可以编辑 src 目录下的文件,查看实时更新的效果。在完成开发后,你可以使用以下命令构建生产版本:
npm run build

或者使用 yarn:
yarn build

构建完成后,你将在 dist 目录中找到生产版本的代码,可以部署到服务器上。这是一个简单的 Vue 项目创建和运行的过程,你可以根据项目需求进一步配置和开发。


转载请注明出处:http://www.zyzy.cn/article/detail/4824/Vue