创建Vue项目的两种方法(镜像和官网)

最新推荐文章于 2026-04-04 08:14:57 发布

原创

最新推荐文章于 2026-04-04 08:14:57 发布 · 3.3k 阅读

标签

#vue #cli #创建 #项目 #vscode

收录于

本文介绍了两种创建Vue项目的方法，包括使用淘宝镜像和官网命令行工具。在使用淘宝镜像时，详细讲解了项目配置步骤，如选择基本选项、启用历史模式和添加ESLint与Prettier。通过官网方式创建时，强调了手动选择功能并记录配置的选择过程。文章适合初学者了解Vue项目的初始化搭建。

两种搭建方法：

安装node：brew install node
查看node版本：node -v
安装npm：brew install npm
查看npm版本：npm -v

使用淘宝镜像
使用官网办法

使用淘宝镜像

全局安装 vue-cli npm install --global vue-cli
创建一个基于 webpack 模板的新项目vue init webpack my-project(这一步名称可以大写)
? Project name my-project ：设置项目名称（这一步名称必须小写）
? Project description A Vue.js project：填写项目描述
? Author runoob test@runoob.com：填写作者
? Vue build ：选择默认的Runtime + Compiler: recommended for most users
？Install vue-router? (Y/n)：是否需要路由，选择Y
? Use ESLint to lint your code? (Y/n)：是否使用EsLint编码，我不会，选择N
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Ye