目录
vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板 ;预先定义好的目录结构及基础代码,相当于Maven项目,使我们的开发更加的快速。
主要的功能 :
- 统一的目录结构
- 本地调试
- 热部署
- 单元测试
- 集成打包上线
1.安装环境
1.1 安装NodeJs
官方: https://nodejs.org/zh-cn/download/
确认nodejs安装是否成功:
node -v
npm -v : 一个软件包管理工具
1.2 安装vue-cli
在node.js包下cmd安装
npm uninstall vue-cli -g //卸载vue-cli旧版本
npm install -g @vue/cli //安装新版本
npm install -g @vue/cli@4.5.13
vue -V //查看版本
- 如果出现 vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件,可在磁盘搜索vue.cmd,并把 vue.cmd的当前目录添加到path环境里面即可
方法一: 2.第一个Vue-cli项目
2.1新建一个文件 test8-Vue-cli
2.2 创建一个基于 webpack 模板的 vue 应用程序
命令行:vue create myvue(自己设定项目名称)
2.3运行
命令行:
cd myvue
npm run serve
关闭:
ctrl+c
之后文件夹多出了依赖
成功后在浏览器输入:http://localhost:8080
方法二:3.第一个Vue-cli项目