Vue-cli
vue-cli脚手架是什么
听说脚手架这个词 大家脑海中应该是这样的
其实还真是这样的
vue-cli就是Vue的脚手架工具,和我们工地看到的脚手架真是那么一回事,它帮助我们搭建基本的开发环境,好比架子搭建好了,利用它可以搞定目录结构,本地调试,单元测试,热加载及代码部署等。
Vue项目的两种搭建方式
命令行搭建
1 进入到创建的目录下
输入命令 vue create vueapp 其中 vueapp => 项目名称
2 选择预设
第一个(vue2) 和 第二个(vue3)都是自动部署
我这里选择 第三个 Manually select features 手动部署
3 选择项目特性
space(空格)选中 取消
a 全选
i 反选
4 选择项目vue版本
我这里是 vue2.0
5 选择css预处理器
我用的 dart-sass
6 选择一个规范
7
有git 选第一个
8 把配置放在 package中
选 package.json
9,10
9 yes
10 enter3
11 安装中
12 安装完毕
当出现 $ cd vueapp $ yarn serve 就可以说明 安装完了
13 运行
进入vueapp目录 npm run serve
这样就OK了
可视化搭建
1 命令行输入 vue ui
会跳转进入 搭建页面
2 根据页面提示安装
等提示你安装好了之后 然后和之前一样 让项目跑起来就好了 是不是很简单 doge