Vue CLI是一个官方提供的命令行工具,用于快速创建Vue.js项目和管理项目依赖项。下面是使用Vue CLI创建Vue.js项目的基本步骤:
- 首先,确保已安装Node.js和npm包管理器。可以在终端输入以下命令来检查它们的版本:
node -v
npm -v
如果没有安装,请先安装Node.js和npm。
- 安装Vue CLI。可以使用npm或yarn来安装Vue CLI。在终端中输入以下命令:
npm install -g @vue/cli
或者
yarn global add @vue/cli
- 使用vscode打开一个空文件夹,在终端中输入以下命令:
vue create my-project
其中,my-project
是项目名称。在运行上述命令后,会提示选择一个预设。可以选择默认预设或手动配置预设。手动配置预设可提供更多选项和灵活性。选择一个预设后,Vue CLI会自动下载所需的依赖项并创建Vue.js项目。
- 运行Vue.js项目。在终端中输入以下命令来启动Vue.js开发服务器:
cd my-project
npm run serve
其中,my-project
是项目名称。运行上述命令后,会在终端中显示开发服务器的地址。按住Ctrl 点击 http://localhost:8080/ 即可在浏览器中打开该地址,访问Vue.js应用程序。
- 构建Vue.js项目。在终端中输入以下命令来构建打包Vue.js项目:
npm run build
运行上述命令后,会生成一个可以部署到Web服务器上的静态文件。该文件位于项目根目录下的dist
文件夹中。
以上就是使用Vue CLI创建Vue.js项目的基本步骤。当然,Vue CLI还提供了许多其他功能,如插件管理、自定义配置等。可以在Vue CLI的官方文档中找到更多详细信息。