VUE 使用 vue create 命令 创建 vue2.0 项目

为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题,我们使用 管理员身份 打开命令行

VUE 使用 vue create 命令 创建 vue2.0 项目_第1张图片

第一步,打开命令行后,首先进入我们想要创建项目的目录下

g: 表示切换进入G盘

cd git 表示打开 当前盘下的 git 文件夹

大家可以根据以上两个命令进入自己想要保存项目的目录下,我这里是保存在 G:\Git 文件夹

VUE 使用 vue create 命令 创建 vue2.0 项目_第2张图片

第二步,执行 vue create xxxx 命令

xxxx 代表 项目名称

VUE 使用 vue create 命令 创建 vue2.0 项目_第3张图片

这里我们选择 (通过 键盘上的方向键) 第三项,

第三项可以手动选择创建项目时 一同创建的"工具",比如vue-router,sass 等等,

而上面的两个选项则不能 选择与项目一同创建的“工具”。(选择完毕后 敲 回车键 )

VUE 使用 vue create 命令 创建 vue2.0 项目_第4张图片

出现这个界面时,默认勾选的三个不用动就行,正常情况下,Progressive、Unit Testing、E2E Testing 不需要安装。

其他选项 根据 项目 需要 进行选择,我们这里选择下面几种常用“工具”。(方向键 进行 切换,空格键 进行 勾选,确认勾选完毕后 敲 回车键 )

VUE 使用 vue create 命令 创建 vue2.0 项目_第5张图片

和你 确认创建vue项目的版本(选项分别 为vue2.0 以及 vue3.0)

这里我们 选 2.x

VUE 使用 vue create 命令 创建 vue2.0 项目_第6张图片

和你确认 路由器是否使用 history 模式?(Y:确认 / N:取消)

这里我们 输入 Y 回车

VUE 使用 vue create 命令 创建 vue2.0 项目_第7张图片

和你确认 sass 版本 

这里我们 选 Sass/SCSS (with dart-sass)

VUE 使用 vue create 命令 创建 vue2.0 项目_第8张图片

和你确认 语法检测 配置

这里我们 选默认的第一个

VUE 使用 vue create 命令 创建 vue2.0 项目_第9张图片

和你确认 触发语法检测的方式

这里我们 选 Lint on save (保存时就触发)

VUE 使用 vue create 命令 创建 vue2.0 项目_第10张图片

和你确认 配置文件放置位置

这里我们 选  In dedicated config files (单独放置)

VUE 使用 vue create 命令 创建 vue2.0 项目_第11张图片

和你确认 是否把刚刚配置过的信息 保存为预设模板(保存为预设后,以后在创建项目时就可以选择这个预设模板进行创建)

这里我们 输入 n (也不麻烦,多走走流程挺好的)

VUE 使用 vue create 命令 创建 vue2.0 项目_第12张图片

然后等待 直至出现下面内容为 创建成功!

VUE 使用 vue create 命令 创建 vue2.0 项目_第13张图片

然后执行 启动命令 成功!

VUE 使用 vue create 命令 创建 vue2.0 项目_第14张图片

 VUE 使用 vue create 命令 创建 vue2.0 项目_第15张图片

如果帮助到你,不要吝啬你的小手,来个四连 点赞收藏+关注评论吧!​​​​​​​

你可能感兴趣的:(vue,vue.js,前端,javascript)