Vue CLI(Command Line Interface)是一个用于快速搭建 Vue.js 项目的官方脚手架工具。它提供了一套简单的命令,帮助你快速初始化、开发和构建 Vue.js 应用。以下是一些基础的 Vue CLI 使用方法:

1. 安装 Vue CLI:

   全局安装 Vue CLI,可以使用以下命令:
   npm install -g @vue/cli

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

2. 创建新项目:

   使用 Vue CLI 创建一个新的 Vue.js 项目,可以运行以下命令:
   vue create my-project

   你也可以使用交互式界面来创建项目,运行 vue create 后选择手动配置。

3. 进入项目目录:

   进入项目目录:
   cd my-project

4. 启动开发服务器:

   在开发阶段,你可以使用以下命令启动本地开发服务器:
   npm run serve

   或者使用 yarn:
   yarn serve

   这将启动一个本地开发服务器,监听文件变化,并在浏览器中实时预览你的应用。

5. 构建生产版本:

   当你准备将应用部署到生产环境时,可以运行以下命令进行构建:
   npm run build

   或者使用 yarn:
   yarn build

   构建完成后,你会在 dist 目录下找到生成的生产版本代码。

6. 其他常用命令:

   - npm run lint 或 yarn lint:运行 ESLint 进行代码风格检查。
   - npm run test 或 yarn test:运行测试。

7. 自定义配置:

   如果你需要对 Vue CLI 的配置进行自定义,可以在项目根目录下创建 vue.config.js 文件,然后在该文件中添加自定义的配置选项。详细的配置项可以在[官方文档](https://cli.vuejs.org/config/)中找到。

这只是 Vue CLI 的基础用法,它提供了许多强大的功能,如插件系统、GUI、多页应用等。你可以根据项目需求,查阅[官方文档](https://cli.vuejs.org/)以了解更多详细的信息。


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