Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了从零搭建vue项目---VUE从无到有大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

准备工作,要搭建Vue环境,首先要准备node.js

网址:http://nodejs.cn;

下载后手动安装即可,无需特殊处理 

 

从零搭建vue项目---VUE从无到有

 

 

步骤2,安装完成后,检验是否成功,打开CMD,输入node -v;

从零搭建vue项目---VUE从无到有

步骤三,由于在国内使用Npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像;

 npm install -g cnpm --registry=http://registry.npm.taobao.org 

如图:正在安装

 

从零搭建vue项目---VUE从无到有

步骤四,如图,安装完成 

从零搭建vue项目---VUE从无到有

步骤五:安装npm成功后,就可以安装  vue-cli脚手架,输入命令:cnpm install --global vue-cli  回车

 

从零搭建vue项目---VUE从无到有

步骤六:输入命令 vue -V 出现2.5.0代表VUE安装成功;输入命令 cnpm -V 出现4.4.0代表淘宝镜像安装成功

从零搭建vue项目---VUE从无到有

步骤八:出现如图场景,则表示文件已经下载,输入cd vue_demo,进入文件

从零搭建vue项目---VUE从无到有

步骤九:因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,输入命令:cnpm install

从零搭建vue项目---VUE从无到有

 

步骤十:输入cnpm run dev,出现compiled successful,表示启动成功

从零搭建vue项目---VUE从无到有

 结果:在浏览器中输入http://localhost:8080,出现如下图片,表示项目搭建成功

从零搭建vue项目---VUE从无到有

大佬总结

以上是大佬教程为你收集整理的从零搭建vue项目---VUE从无到有全部内容,希望文章能够帮你解决从零搭建vue项目---VUE从无到有所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。