Vue从0搭建过程

0. Path Autocomplete 路径插件提示安装

一. Vue-cli安装和使用搭建

vue-cli 是npm 上的一个全局包,使用 npm install 命令,即可方便的把他安装到自己的电脑上

安装命令: npm install -g @vue/cli  (安装到电脑的C盘)
安装完成以后查看是否安装成功命令:
vue -V  // 查看是否安装成功

二.搭建完成以后 可以创建Vue的项目了

安装命令: vue create 项目名称

三.实际截图

image.png

四.创建项目整个过程

1.创建项目

vue create demo-frist

1.1实际截图

image.png

2.选择配置项

2.1 选择第三项

93896e006b3d19cf1a1695815e20384.png

2.2 看截图选项

image.png
2.3 选择
image.png

2.4 选择

image.png
2.5 选择
image.png
2.6 选择
image.png

2.7 选择

image.png

2.8 创建成功

image.png

3.Vue的生命周期

image.png