Vue基础-@vue/cli脚手架

目录

官网地址: Vue.js - 渐进式 JavaScript 框架 | Vue.js (作者: 尤雨溪)

@vue/cli安装

2.创建项目 

3、总结

 四、@vue/cli 目录和代码分析

五、@vue/cli 项目架构了解 

小结

 六、@vue/cli 自定义配置

小结

 七、eslint了解

例子

小结

 八、@vue/cli 单vue文件讲解

 8.1文件详解

小结

九、@vue/cli 欢迎界面清理

---

官网地址: Vue.js - 渐进式 JavaScript 框架 | Vue.js (作者: 尤雨溪)

---

@vue/cli安装

1、全局安装命令

yarn global add @vue/cli
# OR
npm install -g @vue/cli

注意: 如果半天没动静(95%都是网速问题), 可以ctrl+c：停止重新来、换一个网继续重来

2、查看vue脚手架版本

vue -V

二 丶 创建项目 

# vue和create是命令, vuecli-demo是文件夹名
vue create vuecli-demo

选择模板
        可以上下箭头选择, 弄错了ctrl+c重来

选择用什么方式下载脚手架项目需要的依赖包 

1. 回车等待生成项目文件夹+文件+下载必须的第三方包们

进入脚手架项目下, 启动内置的热更新本地服务器

cd vuecil-demo

npm run serve
# 或
yarn serve

三丶总结

vue命令创建工程目录, 项目内置webpack本地热更新服务器, 帮我们打包项目预览项目

1、如何创建一个开箱即用的脚手架项目

vue create 项目名

2、如何在网页浏览这个项目

yarn serve 启动本地热更新开发服务器

---