03.创建一个脚手架项目

1.创建一个项目的完整步骤

脚手架就是一堆目录和文件

 (1).开始->右键-> windows powershell(管理员)->执行下面的代码->回车

npm i @vue/cli -g

 查看是否成功 

vue --version

(2).安装完之后在桌面建一个文件夹

(3).打开文件夹，按shift+鼠标右键，点击在此处打开Powershell窗口

(4). 输入vue creat name(name是项目名，不能是中文名，我们起一个叫vue-demol），回车

出现下面这样，按上下键可以选择创建vue2还是vue3,按回车

(5).出现下面这样，cd vue-demol 是进入刚才创建的vue2项目

yarn serve是启动项目，输入这两个

 

（6）.出现下面，local：http://localhost:8000,打开浏览器导航栏输入，回车

 

（7）.成功了

 

2.项目里每个文件的作用

 

3.把新建的文件在vscode里面打开

 特别特别重要，qwq,一定要打开那个上面新建的文件夹，把vue-demo这个文件夹拖到vscode里面，我就是直接拖新建的文件，结果报错了，一定要打开新建的文件夹，把里面的vue-demo文件夹拖进去，哈哈哈又是一个坑。。加油

4.App.vue 简介