1.vue

1.vue -cli脚手架的安装

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

输入命令node -v检查,且需要保证安装4.0版本以上的node.js环境
0-3.vue脚手架安装

2.安装脚手架

1.输入npm install -g vue-cli

0-3.vue脚手架安装
安装完成后执行以下的命令 检查安装
vue --version
得到的安装版本是2.9.6
0-3.vue脚手架安装

3.脚手架的初始使用

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

安装完成后,按照黄色提示的文字 输入
0-3.vue脚手架安装

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

相关文章:

  • 2021-04-04
  • 2021-11-07
  • 2021-06-11
猜你喜欢
  • 2022-12-23
  • 2021-10-05
  • 2021-04-16
  • 2021-04-16
相关资源
相似解决方案