使用命令行工具npm新创建一个vue项目的方法

创建Vue项目的步骤如下：

1. 安装Node.js和npm

首先需要在电脑上安装Node.js和npm（Node.js包管理工具）。Node.js是运行于服务器端的JavaScript解释器，而npm是随同Node.js一起安装的包管理器，用于管理Node.js模块和软件包。

1. 使用命令行工具创建一个文件夹，用于存储Vue项目文件

在命令行工具（如Git Bash、cmd、Terminal等）中输入以下命令来创建一个叫“my-vue-project”的文件夹，用于存储Vue项目文件。

mkdir my-vue-project

1. 进入文件夹

在命令行工具中执行以下命令以进入目录：

cd my-vue-project

1. 使用npm初始化项目

初始化Vue项目需要使用npm和Vue CLI。开始时，我们需要使用npm在当前目录中创建一个新的项目。在命令行工具中执行以下命令：

npm init

执行此命令后，会提示你在项目中填写一些信息。可以通过按回车键来使用默认设置来完成这些配置。

1. 安装Vue CLI

安装Vue CLI是构建Vue项目的核心步骤，使用npm命令安装Vue CLI：

npm install -g @vue/cli

1. 创建项目

在命令行工具中输入下面的命令来创建Vue项目：

vue create my-vue-app

其中，my-vue-app 是项目名称，你可以根据自己的需要随意更改。执行完这个命令后，你可以看到交互式的CLI提示，你可以选择预设配置或手动配置、添加插件等。

1. 运行项目

Vue项目创建完成后，可以通过以下命令来运行：

cd my-vue-app
npm run serve

打开浏览器，输入网址：http://localhost:8080/ ，即可在浏览器中看到刚刚创建的Vue项目。你也可以更新project的配置文件以更改应用程序的端口和其他配置设置。

例如，如果要更改端口号，可以在package.json文件中更改

"serve": "vue-cli-service serve --port 3000",

将端口号改为3000即可。

另外一个创建Vue项目的例子：

# 创建一个名为"test-vue-app"的Vue项目
vue create test-vue-app
# 进入Vue项目文件夹
cd test-vue-app
# 运行项目
npm run serve

这个例子与之前介绍的流程相同，只是将项目名称改为了“test-vue-app”。