vue 从0-1搭建项目
前提:进入到需要创建项目的文件夹中,打开命令行窗口
windows+r 打开命令行窗口
创建vue2.0项目:
自动创建
1.vue create 项目名称
仅包含3个功能:vue2/3,babel,eslint

手动创建
1.vue create 项目名称
好处:可以选择更多的功能
输入命令后出现下面这个页面:

2.
配置项
↑↓切换选项
空格切换选中状态
*表示要安装的功能

选择vue2.0版本

是否使用 history 模式的路由(建议输入 n)

选择要使用的 CSS 预处理器(我这里选择的是 Less)

选择要使用的 ESLint 语法规则(我这里选择的是 ESLint + Standard config)

选择额外的 lint 功能(建议选择 Lint on save,在 Ctrl + S 的时候检测代码是否符合规范)

把第三方插件的配置选项放到哪个配置文件中(建议选择 In dedicated config files,表示:独立的配置文件)

是否把刚才所有的操作保存为预设,方便下次直接基于预设,一键生成项目:n(随用随配)

创建vue3.0项目:
使用vite构建项目
1.创建项目
# 使用npm
npm create vite@latest
# 使用yarn
yarn create vite
# 使用pnpm
pnpm create vite
2.输入项目名称,默认是 vite-project

3.选择前端框架

4.选择项目类型
5.创建成功

vue3 组件代码和 vue2 有些不一样,使用的语法提示和高亮插件也不一样,如果使用vscode写代码,vue3要切换一个插件
vetur 插件需要禁用,安装 volar插件。



















