使用vue 脚手架搭建第一个项目

使用vue 脚手架搭建第一个项目

注意：要安装node.js

1进行全局安装打开cmd 输入下面命令

npm install @vue/cli -g

2.可通过下述命令查看是否安装成功

vue --version

3.打开vscode 创建项目，打开终端

输入vue create mydemo
创建第一个项目 myDemo为项目名称 ：注意不能是中文

4.下面有3种预设

• 第一种vue3的预设
• 第二种vue2的预设
• 第三种手动选择新特性
  ：注意：选第三种
  
  4.下面选的是项目需要支持的哪些技术
  第一个脚手架项目就只选第一个
  注意：按空格取消或者选中

5 选择的vue的版本

6 像Bable相关的配置你是想放在独立的单独的文件还是paclage.json文件里呢
默认选择第一个 In dedicated config files

7 Save this as a preset for future projects?
保存为未来项目的预设?

8

到这里项目就创建成功了
9. 启动项目运行

npm run serve

到这里就成功了
点击路径就可以访问到浏览器了

10.项目目录说明

1. node_modules 依赖包
2. public 纯静态资源，
3. src 项目源码目录
4. .browserslistrc 配置兼容浏览器
5. components 组件目录
6. App.vue 根组件
7. .gitignore 需要忽略的文件
8. babel.config.js babel配置文件
9. jsconfig.json js项目
10. package-lock.json 项目版本锁定配置
11. package.json 项目基本信息
12. README.md 介绍
13. vue.config.js 项目可选配置文件