npm创建vue项目命令mac
时间: 2025-01-05 10:33:57 浏览: 9
### 如何在 Mac 上使用 npm 创建 Vue 项目
#### 准备工作
确保已安装 Node.js 和 npm。对于 macOS 用户,推荐通过 Homebrew 安装 Node.js,这将自动安装 npm。
```bash
brew install node
```
验证安装成功:
```bash
node -v && npm -v
```
#### 设置淘宝镜像源加速下载
为了提高依赖包的下载速度,建议设置 npm 使用国内镜像源[^2]:
```bash
npm config set registry https://registry.npm.taobao.org
```
#### 安装 Vue CLI 工具
全局安装 `@vue/cli` 来获取最新的官方工具链支持[^1]:
```bash
npm install -g @vue/cli
```
确认安装无误后可查看当前版本号:
```bash
vue --version
```
#### 初始化新项目
选择合适的目录位置并初始化一个新的 Vue 应用程序:
```bash
mkdir my-vue-project && cd $_
vue create .
```
按照提示选择预设配置或手动挑选特性组合。此过程会自动生成基础结构文件以及必要的开发依赖项。
#### 启动本地服务器测试
完成上述步骤之后,在项目根目录下运行以下命令启动内置 Webpack 开发服务器进行调试[^4]:
```bash
npm run serve
```
此时浏览器访问 http://localhost:8080 即可见到默认首页效果。
阅读全文