emmmmmmm...
这是一次安装Vue CLI的步骤记录,话不多说,开整~

准备工作:配置镜像路径

由于地大物博,路途遥远,咱得走点近路~
cmd控制台输入:

npm config set registry https://registry.npm.taobao.org

第一步:全局安装Vue CLI

同样地在cmd控制台输入:

npm install -g @vue/cli

回车执行后即可开始安装,过程中可能会出现一些警告,这是正常现象,不用太在意哈~
又是读条了,读条完成之后就是下面这样
image.png

第二步:验证

装完之后需要验证一下安装成功了没,关闭第一步安装完成后的cmd控制台,再次开启后输入vue回车
看到这样
image.png
就算成功啦!

第三步:进入想安装vue脚手架的目录并创建

在目标路径输入:

vue create 你的项目名称

而后需要选择vue版本,看下面-->

image.png

Tips:

Manually select features 为自定义选项
bable:ES6语法转换器
eslint:语法检查器

第四步:努力创建中...

image.png

稍等片刻,出现下面这个样子
image.png
就代表创建项目成功啦!

第五步:运行创建好的项目

进入项目所在的目录,可以在cmd控制台使用cd命令进入,也可以在项目所在的文件夹地址栏中输入cmd回车即可,像下面这样-->
image.png

强力推荐呀,方便好使!

接着在打开的cmd命令框中输入

npm run serve

即可开始编译创建的项目

出现了下面这样就代表编译完成啦!

image.png

第六步:验证

打开浏览器,在地址栏中输入上图中出现的网址,这里是http://localhost:8080/
回车打开看到Vue脚手架创建好的项目啦!
image.png

至此便完成了Vue CLI的安装~

Over~Over~

OvO


西风
1 声望0 粉丝

一个程序猿


« 上一篇
装个Node