vue脚手架介绍

348 阅读1分钟

一.基本概念

vue是什么

vue是一个渐进式的javascript框架

vue特点

  • 渐进式
  • 数据驱动视图 (响应式)
  • 组件系统

vue-cli 脚手架介绍

vue-cli是vue官方提供的一个全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目。

  • 基于webpack
  • 开箱即用,零配置
  • 脚手架工程就是一套固定的文件夹+文件+配置的工程, 我们在此基础上开发业务
  • 在开发过程中,脚手架工具是有用的,开发完成(项目上线生产环境),它就没有用了

二.vue-cli安装与创建项目

1.全局安装命令

npm install -g @vue/cli

2.检查是否安装成功

vue --version

3.创建项目

vue create 文件夹名

4.选择模板

通过键盘的上下箭头选择合适的模板,如果选择错了,可以按下ctrl+c终止操作

image.png

5.回车安装依赖

等待脚手架工作自动生成项目文件夹+文件, 并下载必须的第三方包

image.png

6.启动项目

cd vuecil-demo

npm run serve

初始项目目录结构

image.png