前言:
前端项目需要工程化管理,可以使用Vue脚手架工具简化项目创建过程;专注于代码,不用关心项目创建和配置细节。
一、Vue脚手架工具
官网:https://cli.vuejs.org/zh/
用于快速生成 Vue 项目基础架构;
1、安装 vue-cli
在支持npm环境下,win端cmd命令:npm install -g @vue/cli
(-g 代表全局安装,如果不加 -g ,会在当前目录安装)
2、安装后验证环境:vue --version
二、命令行方式创建Vue项目
执行命令:vue create project_name(工程名不能包含中文)
三、图形化界面方式创建Vue项目
先命令开启前端项目管理页面:vue ui
选择目录和项目名称,使用npm包管理工具
四、Vue项目结构
- node_module:依赖库
- public:静态资源
- src:组件源码
- assets:资源(图片)
- components:存放公共组件的地方
- App.vue:根组件
- main.js:项目入口
- package-lock.json:依赖的详细信息
- package.json:包依赖文件
笔记2023-3-30