vue-cli(脚手架)-vue开发的标准开发工具

---

前言

使用vue-cli的基本使用用法

一.VUE-CLI VUE.js 开发的标准开发工具

1.介绍

官方文档：https://cli.vuejs.org/zh/guide/

Vue CLI 致力于将 Vue生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需eject。

2.安装

安装要求
node 建议安装14.x系列
Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
安装vue-cli这个包

npm install -g @vue/cli

安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

vue ---version

希望在vue-cli 3版本环境下执行版本2的指令，需要安装桥接工具

npm i -g @vue/cli-init

用vue指令创建简单的项目

vue init webpack-simple study

cd  study 
npm i
npm install
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install node-sass
npm run dev

npm run dev -> 把项目在自带的服务器下打开（自动打开浏览器）->启动开发模式

---

总结

学习vue-cli 脚手架的基本使用方法