vue-cli

安装nodejs，使用淘宝加速器
npm是软件包管理工具

sudo npm install cnpm -g

安装vue-cli

sudo cnpm install vue-cli -g

cmd找到文件夹地址后

vue init webpack myvue

cd myvue
npm install

用idea打开这个项目

npm run dev

启动当前项目

-node的服务是单线程的
-node处理请求时是单线程，但是在后台拥有一个I/O线程池

node hello.js 即可执行js文件

什么是Webpack？

从本质上来说，webpack是一个现代的JavaScript应用的静态模块打包工具

前端模块化：AMD，CMD，CommonJS，ES6规范，目前能用的是ES6规范。
但是webpack可以支撑，后期可以转化，经过webpack生成新的代码，比如CommonJS进行转化，让浏览器支持运行。
并且模块化开发之后，处理模块之间的各种依赖，进行整合打包。
而且不仅仅js文件，我们的CSS，图片json文件等等，都可以别当做模块来使用。
grunt/gulp也可以打包
grunt/gulp的核心是Task

我们可以配置一系列task，并且定义task要处理的事务，例如ES6，ts转化，图片压缩，scss转css
之后让grunt/gulp来依次执行这些task，让整个流程自动化
所以grunt/gulp也被称为前端自动化任务管理工具
什么时候使用gulp？
如果你的模块依赖非常简单，甚至没有用到模块化的概念
只需要简单的合并，压缩，就是用gulp即可
什么时候使用webpack？
grunt/gulp更加强调前端流程的自动化，模块化不是他的核心
webpack更加强调模块化开发管理，而文件压缩合并，预处理等功能，都是附带的。

webpack依赖node环境，node环境为了执行很多代码，必须依赖各种的包
npm工具用来管理node下的各种包

npm install webpack -g
npm install webpack-cli -g

前端的模块化开发

vue-router

在项目中

npm install vue-router --save-dev

import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'Vue.config.productionTip = false
//显示声明使用VueRouter
Vue.use(VueRouter)/* eslint-disable no-new */
new Vue({el: '#app',components: { App },template: '<App/>'
})

Vue-node.js，Webpack-kuang 略相关推荐

环境监测系统/智能监测平台---Vue/Node.js
智能环境检测/大数据分析环境监测系统/智能监测平台-Vue/Node.js 摘要:通过开发板编写相关代码程序驱动各传感器感知采集环境数据,利用Node.js与云平台将采集到的环境数据上传至云平台,并 ...
vue+node.js+mysql项目搭建
前言用vue搭建前端页面.用node开发后端接口.数据库用mysql 可行性分析缺点: nodejs单线程,不能做cpu密集型操作,导致时间片不能释放,阻塞后面的任务. nodejs可靠性比较低, ...
vue+node.js前后端交互中的token令牌验证
这篇文章分享一下本人学习vue+node.js前后端交互中的登录token令牌的心得最近准备写一个个人博客网站,前端采用的是vue+element,后端用node.js 在做用户登录的时候就想到如 ...
Node.js webpack中导入vue的三种方法
在webpack 中使用 Vue: 安装 vue 模块 npm i vue -S 注意: 在 webpack 中, 使用 import Vue from 'vue' 导入的 Vue 构造函数,功能不完 ...
vue+node.js手把手教你搭建一个直播平台（二）
上一期,帅气的小羽给老铁们介绍了直播平台的项目的后端搭建,这期就让小羽带大家来搭建一下前端的框架. 1.创建前端工程毫无疑问,搭建一个项目的框架,那第一步肯定是得创建一个工程啦.cmd命令,输入vu ...
Java项目:前后端分离疫情防疫平台设计和实现(java+springmvc+VUE+node.js+mybatis+mysql+springboot+redis+jsp)
源码获取:博客首页 "资源" 里下载! 主要技术:Java.springmvc.VUE.node.js.mybatis.mysql.tomcat.jquery.layui.boot ...
Node.js webpack 打包的入口与出口
webpack 的 4.x 版本中默认约定: 打包的入口文件为 src -> index.js 打包的输出文件为 dist -> main.js 可以自定义: const path = r ...
vue+node.js+mysql的数据库课程设计有感
我编码了"双碳"背景下的ESG评级体系设计平台的数据库连接部分.平台缘起于我今年寒假参与的花旗杯比赛,但由于时间匆忙,进度较缓慢等原因,网站平台仅仅做了页面框架,并没有实现前端与后 ...
vue+node.js手把手教你搭建一个直播平台（四）
上一期,帅气的小羽给老铁们介绍了直播平台的项目的前端页面的初步切图,这期就让小羽带大家接入直播相关的api接口.敲黑板!敲黑板!敲黑板!重点来啦~ 1.api接口相关在src目录下个新建api文件夹 ...
Vue node.js实现支付宝支付(沙箱测试)
一.支付宝开放平台创建应用:打开支付宝开放平台首页(注意:正式环境.沙箱环境都需要此步) 1.选择开发者中心 ---> 网页&移动应用 (此时是实现网站支付功能) 2.选择支付接入 3. ...

Vue-node.js，Webpack-kuang 略

vue-cli

什么是Webpack？

vue-router

Vue-node.js，Webpack-kuang 略相关推荐

最新文章

热门文章