关于vue.js:装一个Vue-CLI脚手架

5次阅读

共计 703 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0