【Vue】9.Vue-cli手脚架项目模板

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项目