脚手架搭建项目（详解)

一、什么是脚手架？

在vue中 ，脚手架使用的是 ，vue-cli这个技术
脚手架，就是一个今后所写项目的一个基本的空框架 ，这个空框架中包含了 与项目业务无关的空框框

二、安装步骤

1、电脑上必须有node.js 建议安装淘宝镜像。
node下载地址：https://nodejs.org/zh-cn/ （安装成功后可使用 node -v 查看是否安装成功）。
淘宝镜像安装：npm config set registry https://registry.npm.taobao.org （使用命令行安装）。
2、全局安装
npm install -g @vue/cli
3、查看安装之后的脚手架版本
vue --version
4、把cmd cd到你要创建项目的路径下
5、创建项目 vue create 项目名
6、把路径cd到你创建的项目下
7、启动项目 npm run serve

现在一个空的项目模板就已经搭建好了

三、.vue文件----单文件组件

在一个.vue文件中有三个部分
1.template html部分写在template中
2.script 就是用来写js相关的代码 data methods watch computed等等
3.style 就是用来编写组件的样式

四、开始使用

1、点开src文件夹 找到components文件夹 删除其中的helloword.vue
2、在components文件夹中创建一个属于我们自己的.vue文件 在其中把template script style补齐