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

简介: 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!

相关文章
|
2天前
|
JavaScript API
vue使用hook:声明周期来监听子组件的声明周期
本文介绍了如何在Vue中使用生命周期钩子来监听子组件的生命周期事件,包括在子组件内部监听和在父组件中监听子组件的生命周期钩子。
16 0
|
22小时前
|
JavaScript
Vue使用element中table组件实现单选一行
如何在Vue中使用Element UI的table组件实现单选一行的功能。
12 5
Vue使用element中table组件实现单选一行
|
22小时前
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误,指出问题的原因通常是因为数据中的唯一标识符`id`不唯一,导致递归渲染造成调用栈溢出。
7 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
|
2天前
|
JavaScript
Vue2.0、Vue3.0分别使用v-model封装组件[Vue必会]
本文介绍了在Vue 2和Vue 3中如何使用`v-model`来实现组件间的双向数据绑定,包括在Vue 2中使用`value`和`input`事件,以及在Vue 3中使用`modelValue`和`update:modelValue`事件的方法。
37 22
|
22小时前
|
JavaScript 前端开发 API
Vue2与Vue3插槽使用的区别及案例
Vue 3在插槽功能上的改进,体现了其对开发体验的持续优化。通过简化API、加强动态特性和提升性能,Vue 3使得插槽的使用更加灵活和高效。这些改进不仅有助于减轻开发者的负担,还为组件之间的高级交互和内容复用打开了新的可能性。随着Vue生态系统的不断成熟,我们有理由相信,Vue将继续为前端开发提供强大且易用的工具。
8 3
|
2天前
|
JavaScript
vue知识点
vue知识点
12 4
|
2天前
|
存储 JavaScript
vue页面跳转取消上一个页面请求
本文介绍了在Vue中如何取消上一个页面的请求,以避免页面跳转时请求未完成导致的数据错误。核心方法是使用axios的请求拦截器设置请求的取消令牌(cancelToken),并在vuex中存储这些取消令牌的引用。当进行路由跳转时,通过路由守卫清除这些请求,达到取消上一个页面请求的目的。
12 2
|
22小时前
|
JavaScript
vue第一个项目之音乐播放器
vue第一个项目之音乐播放器
|
JavaScript
Vue - 实战疑点总结
1.注册全局组件(是一个单vue页面组成的一个组件,而不是现拼的template结构) 结构: 代码:main.js import UserList from './components/UserList' Vue.
2185 0
|
8天前
|
JavaScript
vue 函数化组件
vue 函数化组件