vue安装踩坑系列

最新推荐文章于 2025-08-24 21:10:46 发布

转载最新推荐文章于 2025-08-24 21:10:46 发布 · 68 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chengxiang123/p/8513485.html

文章标签：

本文详细介绍了如何通过Vue CLI快速搭建Vue.js项目的过程，包括安装Node.js环境、使用vue-cli初始化项目、配置项目基本信息及安装相关插件等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装npm node环境

2、npm install vue-cli -g 安装vue-cli vue-V检测脚手架是否安装成功

3、vue init webpack vuecliTest 初始化项目 webpack是项目模板 vuecliTest是文件夹名称

4、输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。

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

5、cd vuecliTest 进入我们的vue项目目录。 npm install 安装我们的项目依赖包，也就是安装package.json里的包

6、npm run dev 开发模式下运行我们的程序。 npm run build打包

转载于:https://www.cnblogs.com/chengxiang123/p/8513485.html