一、安装node和vue脚手架1.下载node:http://nodejs.cn/download/双击安装,一路下一步到安装成功,打开cmd,执行node -v,出现版本号,则说明安装成功2.配置使用淘宝镜像:npm的服务器在国外。那么可以安装一下cnpm,并且指定镜像为淘宝的镜像:npm install -g cnpm --registry=https://registry.npm
转载
2024-03-01 19:56:36
53阅读
1. 样式绑定1.1 class绑定使用方式:v-bind:class="expression"expression的类型:字符串、数组、对象1.2 style绑定v-bind:style="expression"expression的类型:字符串、数组、对象2. 事件处理器事件监听可以使用v-on 指令## 之前已学习2.1 事件修饰符Vue通过由点(.)表示的指令后缀来调用修饰符,.stop
转载
2024-08-27 22:26:25
149阅读
// 加载模板引擎 const template = require('art-template') var tempStr = 'my name is {{username}}' var res = template.render(tempStr, { username: 'xyz' }) con
原创
2021-09-07 17:36:18
76阅读
1. 环境搭建使用vue-cli脚手架创建vue前端项目首先需要搭建软件环境,这里需要安装node.js、配置npm镜像cnpm、安装vue-cli。安装node.jsnode.js的官网地址:https://nodejs.org/en/,直接下载LTS版本的即可。如下图: 下载之后双击安装即可。安装完成后打开命令行窗口输入:node -v可以检查node.js安装是否成功。安装成功命令行会显示n
转载
2024-06-03 15:35:58
224阅读
一、安装 VS code官方网址:Visual Studio Code - Code Editing. Redefinedhttps://code.visualstudio.com/ 直接官方下载,安装即可。 二、nodejs:1.安装 官方地址:Node.js 中文网 (nodejs.cn)http://nodejs.cn/在官方下载可维护版本,然后进行正常安装即可
转载
2024-11-01 16:10:40
84阅读
### node安装不多说了, ### vue脚手架的安装,npm安装, ### 使用vue-cli,创建vue项目, vue create projectname 最终会帮我们生成一个项目工程, ### vue项目目录的解读, 必须要知道每一个目录干什么的,有什么作用 ### 安装一个,compo ...
转载
2021-09-14 04:20:00
247阅读
2评论
安装nodejs【1】安装nodejsvue脚手架需要nodejs环境,所以首先需要安装nodejs。【快捷安装nodejs】(1) 下载完这后双击 node-v16.8.0-x64.msi 安装nodeJs。 在cmd窗口输入 node -v 查看nodejs版本 (2) 设置淘宝镜像,提高npm安装软件的速度。npm config set registry https://
转载
2024-07-23 13:31:46
189阅读
目录 一、什么是模板引擎? 二、将数据变为视图的方法:1、纯DOM法2、数据join()法:3、ES6的反引导法:4、模板引擎mustache:(1)循环对象数组:(2)数组嵌套:(3)不循环对象数组:(4)循环简单数组:(5)布尔值:一、什么是模板引擎?模板引擎是将数据变为视图最优雅的解决方案。 二、将数据变为视图的方法: 1、纯DOM法通过原生JS分别创
转载
2023-12-21 08:22:37
132阅读
Node 服务做中间件优点:前后端解耦可在node内自行组织想要的数据结构解决跨域问题后台可用其他语言去写只返回原始数据, 在node层利用js可以很方便的组装数据,在页面不用去写处理数据的操作, 直接渲染即可.实现微服务, 可以做一些公用的服务供该服务调用即使node服务出现异常或者挂了,对其他服务业务没有任何影响. 我们是将已经用vue-cli写好的一个项目添加node中间件&nbs
转载
2024-07-01 06:07:40
233阅读
用bower进行各种包的安装不知道为啥我的端口会报错,因为
原创
2022-09-13 12:26:31
29阅读
//定义模板引擎 app.engine('html',swig.renderFile);//设置模板引擎所存放的位置app.set('views','/views');//注册所使用的模板引擎app.set('view engine','html');//创建app应用
转载
2017-11-15 16:07:00
43阅读
2评论
vue的安装Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性,IE8显然不能模拟。Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。首先Vue的安装依赖于node.js,要保证你的计算机上已经安装过node.js。如何查看node是否安装或者node版本呢
转载
2024-04-02 11:18:02
83阅读
什么是express? Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。Express 不对 node.js 已有的特性进行二次抽象,只是在它之上扩展了Web应用所需的功能。1.express的使用创建服务 var server=express();监听 server.listen(8080);处理请
"TypeError: Cannot read property 'matched' of undefined"出现的原因一般就是页面的router配置写的不对使用router-view标签 必须要配置路由 不然就会报这个错
原创
2022-12-15 10:01:46
51阅读
一、前端生成base64编码npm install echarts --save到vue的main.js中加入:import echarts from 'echarts'
Vue.prototype.$echarts=echarts; //使用$在前是为了防止于组件中的data命名冲突配置echarts组件(我这里绘制的是饼图):<template>
<div id="c
转载
2024-04-08 15:13:27
410阅读
一、Node+Vue实战项目1.1 创建Node项目、Vue项目mkdir classweb
cd classweb/
express server
vue init webpack vueclient.
|-- server
| |-- app.js
| |-- bin
| |-- node_modules
| |-- package-lock.json
| |-- pa
转载
2024-08-09 11:24:06
60阅读
环境准备Node.js的安装和配置从Node官网下载Node最新版,开发平台为windows ; Node的安装比较简单,一路Next就可以完成Node.js的安装(安装的时候将add to path勾上就可以了);这里我的Node.js安装目录为:E:\nodeJS;至此Node.js已经安装完成,测试一下看看是否安装成功; 在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,输入
转载
2024-06-29 16:40:59
143阅读
使用readdir获取指定路径下的所有文件名文件结构实现代码const fs = require('fs');fs.readdir('G:/pink_code/Node_Study/02',(err,list) => { if (!err) { console.log(list); }})代码输出[ '01_http-helloWorld.js', '02_使用readdir获取指定路径下的所有文件名.js', 'www' ]在浏览器
原创
2021-12-16 16:17:19
471阅读
使用readdir获取指定路径下的所有文件名文件结构实现代码const fs = require('fs');fs.readdir('G:/pink_code/Node_Study/02',(err,list) => { if (!err) { console.log(list);
原创
2022-02-24 10:29:45
230阅读
目录前情简介补充拓展准备工作常用方法 前情简介fs是filesystem的缩写,该模块提供本地文件的读写能力在vue,react等常规项目开发中,由于js不具备对本地文件的写入以及读写的能力,需要借助node来辅助完成对本地文件的读写(ps:比如vue多工程项目,选哟设立一些访问变量进行存储等)补充拓展__dirname 表示当前文件所处目录 【不包含当前文件名称】
__filenam
转载
2024-06-07 06:24:07
999阅读