vue-cli 安装

最新推荐文章于 2025-09-12 17:02:52 发布

转载最新推荐文章于 2025-09-12 17:02:52 发布 · 43 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lfqcode/p/7128344.html

文章标签：

本文档提供了使用 Vue CLI 创建项目的详细步骤，包括 Node.js 的安装、Vue CLI 的配置及项目的初始化等关键过程。此外，还介绍了如何配置项目的基本选项，如是否使用 Vue Router 和 ESLint 等。

1 node 下载 http://nodejs.cn/download/

安装

2 npm install vue-cli -g

3 vue init <template-name> <project-name>

vue init webpack vuecliTest

根据提示

Project name :项目名称，如果不需要更改直接回车就可以了。注意：这里不能使用大写，所以我把名称改成了vueclitest
Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
Author：作者，如果你有配置git的作者，他会读取。
Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n，如果你是大型团队开发，最好是进行配置。
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，我们这里不需要，所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，我们这里不需要，所以输入n。

4 cd vuecliTest 进入我们的vue项目目录。

npm install 安装我们的项目依赖包，也就是安装package.json里的包，如果你网速不好，你也可以使用cnpm来安装。

5 npm run dev 开发模式下运行我们的程序。给我们自动构建了开发用的服务器环境和在浏览器中打开，并实时监视我们的代码更改，即时呈现给我们。

转载于:https://www.cnblogs.com/lfqcode/p/7128344.html