emmmmmmm...
这是一次安装Vue CLI的步骤记录,话不多说,开整~
准备工作:配置镜像路径
由于地大物博,路途遥远,咱得走点近路~
cmd控制台输入:
npm config set registry https://registry.npm.taobao.org
第一步:全局安装Vue CLI
同样地在cmd控制台输入:
npm install -g @vue/cli
回车执行后即可开始安装,过程中可能会出现一些警告,这是正常现象,不用太在意哈~
又是读条了,读条完成之后就是下面这样
第二步:验证
装完之后需要验证一下安装成功了没,关闭第一步安装完成后的cmd控制台,再次开启后输入vue回车
看到这样
就算成功啦!
第三步:进入想安装vue脚手架的目录并创建
在目标路径输入:
vue create 你的项目名称
而后需要选择vue版本,看下面-->
Tips:
Manually select features 为自定义选项
bable:ES6语法转换器
eslint:语法检查器
第四步:努力创建中...
稍等片刻,出现下面这个样子
就代表创建项目成功啦!
第五步:运行创建好的项目
进入项目所在的目录,可以在cmd控制台使用cd命令进入,也可以在项目所在的文件夹地址栏中输入cmd回车即可,像下面这样-->
强力推荐呀,方便好使!
接着在打开的cmd命令框中输入
npm run serve
即可开始编译创建的项目
出现了下面这样就代表编译完成啦!
第六步:验证
打开浏览器,在地址栏中输入上图中出现的网址,这里是http://localhost:8080/
回车打开看到Vue脚手架创建好的项目啦!
至此便完成了Vue CLI的安装~
Over~Over~
OvO
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。