当前位置: 首页 > 工具软件 > mbank-cli > 使用案例 >

【Vue-Cli】

漆雕彦
2023-12-01

什么是vue-cli?

是vue.js开发标准工具。它简化了程序员基于webpack创建的Vue项目的过程

Vue-cli的使用

1.全局脚手架

npm i -g @vue/cli 

2.在终端下运行命令,创建指定名称项目

vue create xxx

3.进入文件

cd demo-first

4.运行项目

npm run serve

2.vue 项目中 src 目录的构成:

assets 文件夹:存放项目中用到的静态资源文件,例如:css 样式表、图片资源
components 文件夹:程序员封装的、可复用的组件,都要放到 components 目录下
main.js 是项目的入口文件。整个项目的运行,要先执行 main.js
App.vue 是项目的根组件。

Vue项目流程

通过main.js把App.vue渲染到index.html页面中

App.vue用来编写待渲染的模板结构

index.html中需要预留一个el区域

main.js把App.vue渲染到了index.html预留的区域中

 类似资料: