Vue-Cli - Vue 脚手架的创建 以及 目录结构说明
Vue-cli 是 Vue.js 的一个官方命令行工具,用于快速生成 Vue 应用的脚手架。以下是使用 Vue-cli 创建新项目的步骤,以及对应的目录结构说明。
- 安装 Vue-cli(如果已安装请跳过此步):
npm install -g @vue/cli
# 或者
yarn global add @vue/cli
- 创建一个新的 Vue 项目:
vue create my-project
- 进入项目目录:
cd my-project
- 启动开发服务器:
npm run serve
# 或者
yarn serve
目录结构说明:
public/
:存放静态资源,如index.html
。src/
:项目源代码所在目录。assets/
:存放资源文件,如图片、样式等。components/
:存放 Vue 组件。App.vue
:根组件。main.js
:入口 JavaScript 文件,Vue 实例初始化在这里进行。
vue.config.js
:Vue 项目的配置文件,如果需要自定义配置可以修改这个文件。
以上步骤和目录结构是创建 Vue 项目的基本流程和结构,具体配置和项目细节可能会有所不同。
评论已关闭