首页 > 其他 > 详细

vue开发环境搭建

时间:2020-01-04 13:40:37      阅读:121      评论:0      收藏:0      [点我收藏+]

1.nodejs安装

2.配置nodejs

3.安装vue

4.使用vue搭建项目

 

1.nodejs安装

安装包地址:下载

查看安装是否成功   node -v 

2.配置nodejs(占用空间大,不要放在c盘)

npm config set prefix "D:\Program Files\nodejs\node-global"
npm config set cache "D:\Program Files\nodejs\node-cache"

ps:可安装cnpm(淘宝npm镜像),比npm安装快很多

命令:

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

3.全局安装vue(-g 全局安装,默认存放路径:D:\Program Files\nodejs\node-global\node_modules)

npm install -g vue-cli

或者cnpm install  -g vue-cli   如果安装了cnpm,使用这个

查看是否安装成功命令:vue

技术分享图片

技术分享图片

 

 

技术分享图片

 

 

4.使用vue搭建项目

1.新建项目目录,cmd进入目录,例如:D:\vueProject

2.vue init webpack vue01      ,vue01是项目名称,不能太长,vueDemo01这种长度提示名称过长;后面默认按enter键直到安装完成

3.安装过程中,会创建目录 C:\Users\Administrator\.vue-templates\webpack   ,以及目录:D:\vueProject\vue01

4.npm run dev 启动

5.浏览器查看  localhost:8080

技术分享图片

 

 

 

 技术分享图片

 

技术分享图片

 

vue开发环境搭建

原文:https://www.cnblogs.com/ligenyun/p/12148686.html

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