如何快速创建一个Vue项目
要快速创建一个 Vue 项目,可以按照以下步骤进行操作:
-
首先确保已经安装了 Node.js。在命令行中输入
node -v
来查看当前的 Node.js 版本。若未安装,则需要去官网(https://nodejs.org/)下载并安装最新版本。 -
打开命令行工具,使用 npm(Node Package Manager)全局安装 Vue CLI(https://cli.vuejs.org/zh/)。在命令行中运行以下命令:
npm install -g @vue/cli
这将会自动下载并安装 Vue CLI。
-
完成上述步骤后,就可以通过 Vue CLI 创建一个新的 Vue 项目了。在命令行中运行以下命令:
vue create my-project
其中 “my-project” 为你想要创建的项目名称,可以根据自己的喜好修改。
-
接下来,Vue CLI 会提示选择一些配置选项,比如包管理器、特性等。你可以直接按 Enter 键选择默认设置或者手动选择所需的配置。
用vue-cli创建了vue3项目,那你打包的话,也是vue-cli(webpack) -
创建完成后,进入到项目文件夹中:
cd my-project
-
然后,运行以下命令来启动开发服务器:
npm run serve
-
现在,你可以在浏览器中访问 http://localhost:8080 (默认地址) 来查看你的 Vue 应用程序了!