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