vue.js实战案例(2):运行vue数据可视化项目的环境部署流程

项目背景

  1. node.js和npm的配置也是按照说明一步一步安装;
  2. 初涉vue项目,对于vue是什么还是懵懂的状态;
  3. 只是按照个人的学习习惯,先拿别人的案例→配置运行环境→成功运行→修改代码(文本图片)→从头梳理→学习技术手册……
  4. 本篇文章只是作为新手入门的笔记,在术语的表达和前后因果逻辑上都存在着各种问题,一个目的,就是把项目先跑起来
  5. 笔记一部分是运行代码,方便复制;一部分截图过程,方便核对。

新建目录

 E:\phpStudy\PHPTutorial\WWW\lockdatav

复制项目

将现有的项目文件复制至lockdatav目录

安装淘宝cpm

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

因为下一步要执行 npm install 真得太慢了,所以在犯错以后,还是按照前辈们的经验直接使用国内淘宝的镜像吧。

查看cnpm 版本,如果正常显示,表明镜像安装成功,可以直接使用cnpm命令行了。

cnpm -v

在这里插入图片描述

安装依赖node_modules

cnpm install

在这里插入图片描述

运行服务

npm run server

在这里插入图片描述
浏览器输入http://localhost:8080,项目运行起来了(因涉及别人的项目案例,不再截图演示)!

LOCKDATAV DONE!

©️2020 CSDN 皮肤主题: 精致技术 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值