首页 > 其他 > 详细

安装篇——新建一个VUE项目

时间:2019-09-25 14:46:51      阅读:219      评论:0      收藏:0      [点我收藏+]

一、安装node.js

  官网地址:https://nodejs.org/zh-cn/download/

  技术分享图片

 

  安装完成之后。

二、打开cmd命令框,查看是否安装成功

  技术分享图片

 

 

 三、安装国内npm淘宝镜像,原因:国内直接使用npm安装缓慢

  执行命令:npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

  技术分享图片

 

  现在可以使用cnpm来安装模块了。

 

 四、初始化项目,构建项目

  1、安装vue-cli  

  执行命令:cnpm install vue-cli -g 

  技术分享图片

 

 

   查看vue-cli是否安装成功

  执行命令:vue list

  技术分享图片

 

   2、选择目录,新建项目

  执行命令:cd D:\vueProject

  vue init webpack  ”shop-backend“

  然后一路回车+y,知道构建完成。

  技术分享图片

四、安装依赖,启动项目

  执行命令:cnpm install

  cnpm run dev

   技术分享图片

 

 五、访问,输入网址:http://localhost:8080

  技术分享图片

完。。。

 

安装篇——新建一个VUE项目

原文:https://www.cnblogs.com/zzb-yp/p/11584062.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!