Vue CLI 是一个官方命令行工具,用于快速搭建 Vue.js 项目。以下是 Vue CLI 的基本使用方法。
安装 Vue CLI
首先,你需要全局安装 Vue CLI。你可以通过以下命令来完成:
npm install -g @vue/cli
或者使用 yarn:
yarn global add @vue/cli
创建新项目
安装完成后,你可以使用以下命令创建一个新项目:
vue create my-project
或者使用图形界面创建。
项目结构
Vue CLI 创建的项目具有以下结构:
my-project/
├── node_modules/
├── public/
│ └── index.html
├── src/
│ ├── assets/
│ ├── components/
│ ├── App.vue
│ ├── main.js
│ └── router/
├── .babelrc
├── .editorconfig
├── .gitignore
├── .postcssrc.js
├── package.json
└── README.md
起步
在项目根目录下,你可以使用以下命令启动开发服务器:
npm run serve
或者使用 yarn:
yarn serve
这将启动一个开发服务器,并在浏览器中打开默认的 http://localhost:8080/
地址。
链接更多资源
想了解更多关于 Vue 的知识?请访问我们的 Vue 官方文档。
图片示例
以下是一张关于 Vue CLI 的图片: