欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

程序员文章站 2022-04-24 09:47:17
...

 

目录

1.概述

1.安装命令

2.创建项目

2.1创建命令

2.2执行 npm run server

2.3访问

3.脚手架界面ui

3.1命令

3.2页面

3.3导入项目

4.终止端口

5.插件

6.依赖

6.1安装依赖

 

7.配置信息

8.任务启动

8.1启动项目


1.概述

Vue-cli是Vue的脚手架工具

主要作用:目录结构、本地调试、代码部署、热加载、单元测试

1.安装命令

 cnpm i -g @vue/cli

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

2.创建项目

2.1创建命令

 vue create 项目名称

一路回车就好了

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

2.2执行 npm run server

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

如下

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

 

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

2.3访问

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

3.脚手架界面ui

3.1命令

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

3.2页面

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

3.3导入项目

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

如下

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

4.终止端口

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

5.插件

框架插件,辅助项目开发,不会打包到项目

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

6.依赖

项目依赖,需要打包到项目里面

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

6.1安装依赖

点击右上角安装依赖,搜索依赖安装

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

可以看到都已安装好了

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

 

7.配置信息

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

8.任务启动

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

8.1启动项目

点击启动app

Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目

 

相关标签: vue