前言
使用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 脚手架的基本使用方法