1.创建一个项目的完整步骤
脚手架就是一堆目录和文件
(1).开始->右键-> windows powershell(管理员)->执行下面的代码->回车
npm i @vue/cli -g
查看是否成功
vue --version
(2).安装完之后在桌面建一个文件夹
(3).打开文件夹,按shift+鼠标右键,点击在此处打开Powershell窗口![](https://i-blog.csdnimg.cn/blog_migrate/1c0a21c2bd02fb18f37ce23fc75b1f4b.jpeg)
(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 简介