1. 确保Node.js和npm已安装
首先,确保你已经安装了Node.js和npm。你可以通过以下命令验证:
node -v
npm -v
如果这两个命令返回版本号,说明Node.js和npm已经安装成功。
2. 安装Vue CLI
Vue CLI是一个官方提供的命令行工具,用于快速搭建Vue.js项目。你可以通过npm全局安装Vue CLI:
npm install -g @vue/cli
3. 验证安装
安装完成后,你可以通过以下命令验证Vue CLI是否安装成功:
vue --version
如果显示版本号,说明Vue CLI安装成功。
4. 创建新的Vue项目
使用Vue CLI创建一个新的Vue项目:
vue create my-vue-app
在这个过程中,你会被提示选择一些配置选项。选择你需要的选项后,Vue CLI会自动为你创建并配置一个新的Vue项目。
5. 进入项目目录并启动开发服务器
项目创建完成后,进入项目目录并启动开发服务器:
cd my-vue-app
npm run serve
这将启动一个开发服务器,你可以在浏览器中访问http://localhost:8080
查看你的Vue应用。