vue 0-1搭建项目

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插件。

猜你喜欢

转载自blog.csdn.net/weixin_45534301/article/details/131433986