新建一个vue项目

创建一个新的Vue项目可以通过以下步骤进行：

  1. 安装Node.js和npm

  • 访问Node.js官网下载并安装最新稳定版本的Node.js。

  • 安装完成后，在命令行中输入node -v和npm -v来验证安装是否成功。

  1. 配置npm镜像源 (可选，但推荐)

  • 使用淘宝NPM镜像可以加快安装速度。

  • 运行命令npm install -g cnpm --registry=https://registry.npm.taobao.org来设置淘宝镜像。

  1. 安装Vue CLI

  • 全局安装Vue CLI，使用命令npm install -g @vue/cli。

  • 安装完成后，使用vue -V命令检查Vue CLI版本。

  1. 创建Vue项目

  • 转到你希望创建项目的目录，然后运行vue create 项目名，其中项目名是你想要给项目的名字。

  • 在创建过程中，你可以选择预设配置，或者手动选择需要的功能插件，如Babel和ESLint。

  1. 进入项目目录并启动开发服务器

  • 使用cd 项目名命令进入你创建的项目目录。

  • 运行npm run serve命令启动开发服务器。

  • 打开浏览器并访问http://localhost:8080/查看你的Vue应用。

以上步骤适用于使用Vue 3和Vue CLI创建项目。如果你使用的是Vue 2，可能需要使用vue-cli-2或vue-init命令。

Top
×
×