本文作者:qiaoqingyi

Vue脚手架安装(vue脚手架安装步骤)

qiaoqingyi 2023-08-30 154

2Error ENOENT no such file or directory, open #39D\ahao\studyPath\bootstrapvue\node_modules\lodash\lodashjs#393VUE中使用BootstrapVue图片bimg标签路径显示不出图片问题 新建 安装 npm。

Vue脚手架安装(vue脚手架安装步骤)

使用cnpm的时候需要先安装淘宝镜像 这里是安装淘宝镜像的命令 npm install g cnpm registry= 第一次使用vue项目管理器的时候,遇到的问题vue cli脚手架安装失败,导致无法启用 vue项目。

安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号,就说明安装成功脚手架安装成功之后,就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目,使用 npm run serve 命令之后,打印如下使用。

首先在大前提vuecli已经安装好的情况下,并且cnpm install后官网使用的是npm,但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象,这里有个小提醒就是关于是否开启eslint,这个是对你写的代码进行规范化的一个工具。

cnpm install webpack g安装脚手架npm install vuecli g创建项目在硬盘上找一个文件夹放工程用的,在终端中进入该目录,cd目录路径根据模板创建项目,vue init webpacksimple 工程名字lt工程名字不能用中文,vue init。

如果选择手动,您将看到以下屏幕当你回答了所有问题Vue将下载并安装你需要的一切从那里你可以进入目录并运行npm run serve来查看项目,或者在你的编辑器中打开它下图显示了如果您选择了许多或所有可用功能,您的脚手架项目。

下面整个过程是基于已经安装nodejs和cnpm的基础上,nodejs如何安装就不在这里详说了如何全局化安装cnpm,这里简单提一下淘宝镜像命令其实对于安装vuecli,使用npm命令和cnpm命令都是可以的,个人觉得使用npm安装的比较。

PS检测cnpm是否安装成功,在命令行中输入cnmp v即可第三步,安装webpack执行命令cnpm install webpack gPS同样的事使用webpack v来检测webpack是否安装成功第四步,安装Vue执行命令cnpm install vue。

阅读
分享