当前位置:   article > 正文

0-3.vue脚手架安装_vue3.0手脚架安装

vue3.0手脚架安装

1.vue

1.vue -cli脚手架的安装

1.脚手架之前检查是否安装了node.js

输入命令node -v检查,且需要保证安装4.0版本以上的node.js环境
在这里插入图片描述

2.安装脚手架

1.输入npm install -g vue-cli

在这里插入图片描述
安装完成后执行以下的命令 检查安装
vue --version
得到的安装版本是2.9.6
在这里插入图片描述

3.脚手架的初始使用

初始项目
定位到创建项目的目录下
执行命令: vue init 模板类型 项目名称
模板类型可以使用vue list指令查看
在这里插入图片描述
查看玩我们就可以使用vue-cli来快速生成一个基于webpack的项目
输入命令
vue init webpack vue
来创建一个 文件、
文件创建完成之后 ,有一系列的交互问题,同意按y不同按n
在这里插入图片描述

安装完成后,按照黄色提示的文字 输入
在这里插入图片描述

cd vue就是进入到vue的文件夹
npm run dev 启动vue
在这里插入图片描述
Q启动默认监听的是8080端口
甚至连APCHE服务器都不需要自己启动,在浏览器中输入http://localhost:8080,进入到vue初始页面
在这里插入图片描述
至此,vue脚手架默认安装成功

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/98595
推荐阅读
相关标签
  

闽ICP备14008679号