cnpm 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 vue npm install -g npm 安装 vue/cli npm install -g @vue/cli…

小白还是自己写一遍吧 1.下载node.js https://nodejs.org/en/download/ 2.安装淘宝镜像(类似于阿里云的maven中央仓库镜像) 安装时间有点长 安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org 验证命令:cnpm -v 3.安装webpack 利用cnpm安装webpack 命令行语句为cnpm install webpack -g 完了还要装webpack cli 验证…

1.先从node.js官网(https://nodejs.org/en/download/) 下载并安装node,然后通过在命令行输入node -v命令,查看node的版本,要是出现相应的版本号就证明安装成功. 2,npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息. 3,安装vue-cli,执行下面的命令 npm install -g vue-cli  / cnpm i -g vue-cli 安装结束之后,可以使用vue…

前提:已安装nodejs——npm  (备注教程  “物理安装”  ) 第一步:建了一个managerSys文件夹,用于保存项目 第二步:从cmd进入该文件夹,之后开始安装vue.js相关 1)在该项目managerSys中安装npm(基于node.js,利用淘宝npm镜像安装相关依赖) 接上步输入命令:    npm install -g cnpm --registry=https://registry.npm.taobao.org 2)安装全局vue-cli脚手架(用于帮助搭建所需的模板框架…

为什么选择手动安装nodejs呢? 因为使用mac自动安装还要更新homebrew,还要安装xcode tool, 太费劲了,不如手动安装, 卸载起来也方便 再一个, 我是后台开发者, 对前端页面, 能整,但是越简单越好. 我的追求, 简单实用. 1. 访问nodejs官网,点击Current 区域稳定版,并下载https://nodejs.org/en/ 2. 下载之后,直接点击运行,一路默认就行,直到安装完成. 3. 终端输入查看版本号,是否安装成功. npm -v node -v 注: 我…

linux安装nodejs运行vue程序 1.与node官网下载安装包 https://nodejs.org/zh-cn/download/ 6.上传到服务器,并解压 tar -xvf node-v10.15.3-linux-x64.tar.xz,将解压出来的文件夹改个名mv node-v10.15.3-linux-x64 nodejs 3.配置环境变量 ln -s nodejs位置/bin/npm /usr/local/bin/ ln -s nodejs位置/bin/node /usr/loc…

1.安装脚手架: npm install -g vue-cli 2.查看vue: vue 3.查看可以使用的模板: vue list 4.创建项目sell: vue init webpack sell 安装完成: 准备运行项目: cd sell sudo npm install npm run dev 成功显示: 测试: 打开浏览器,输入:http://localhost:8080,显示如下,表示创建项目成功.…

安装浏览器的vue插件步骤: 1.在浏览器中打开 https://github.com/vuejs/vue-devtools Clone or download  vue-devtools. 2.解压vue-devtools-dev文件,并在编辑器中打开vue-devtools-dev项目. 3.npm install 安装对应所需要的插件. 4.npm run build 打包当前的项目. 5.打开Chrome扩展程序页面. 6.打开开发者模式. 7.单击“加载已解压的扩展程序”,然后选择sh…

安装 Ant Design Vue 时报错: npm install ant-design-vue --save ant-design-vue @ latest(sha1-qsf / gCIFcRYxyGmOKgx7TmHf1z4 =)的npm WARN tarball tarball数据似乎已损坏. 再尝试一次. 问题分析:当前最新版本为 1.7.2 (2020-11-06),可能是安装链接失效,尝试安装低一级的版本. 原本以为是当前用的npm下载链接是国内镜像taobao的原因,改为npm后…

这段时间公司新项目立项,开发组选用 Vue2.0 进行开发.当然也就一并用到 vue cli 进行自动化构建.结果在基础版本开发完成后,用 npm run build 命令打包上线时,发现以下几个问题.虽然这些问题对项目正常运行影响不大,但是却对性能影响比较大. 1.加载图片过多,过大时,加载缓慢: 2.部署包过大,上传缓慢: 本来想偷个懒,优化的事放到以后再说,但是每次上传服务器,包太大自己都感觉不爽.所以索性先优化了再说! 1.加载图片过多,过大时,加载缓慢: 原因: 解决方案: 2.部署包…

------------------------------------------------------------------好心情,会让你峰回路转. 5. 组件化开发 5.1 组件[component] 组件(Component)是自定义封装的功能.在前端开发过程中,经常出现多个网页的功能是重复的,而且很多不同的网站之间,也存在同样的功能. 而在网页中实现一个功能,需要使用html定义功能的内容结构,使用css声明功能的外观样式,还要使用js来定义功能的特效,因此就产生了把一个功能相关的…

NPM 方法 因为npm 安装速度慢,所以我们可以使用淘宝的镜像cnpm 再安装之前 我们需要先安装nodejs  因为vue框架也是基于nodeljs 下载地址:http://nodejs.cn/download/ 1 . 安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org 2 . 最新稳定版 vue cnpm install vue 3 . 全局安装 vue-cli cnpm install --glo…

包安装相关信息: 1.node_modules文件夹 node_modules文件夹在nodejs中是一个特殊的文件夹,通过它的名字就可以看出,该文件夹也是用于存放node模块.如果一个模块表达式不是一个系统模块,也不是一个文件模块,那么就会在node_modules文件夹下进行操作. 在a.js中编写: 在b.js文件中引入: 执行node b.js,结果如下: 可以看出,查找规则如下: 当前文件目录下的node_modules目录. 父目录下的node_modules目录. 父目录的父目录下…

创建vue项目 在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛. vue本地引用 在官网下载vue.js,通过script标签引入.开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.90KB min+gzip注意…

一.vue有两种使用方式: 1.下载vue.js <script src="vue.js"></script> 2.使用npm npm install vue 二.在vue的mvc思想基础上,会有很多想实现的功能,可以不必原生写.比如ajax请求,各种插件. 安装vue-cli,促使这些插件可以在vue上运行. npm install vue-cli -g 三.vue安装成功测试 cmd 中,(vue各种模板) vue -V vue list 四.使用vue,结…

Vue 项目 Vue + restfulframework 实现登录认证 - django views class MyResponse(): def __init__(self): self.status = 100 self.msg = None @property def get_dic(self): return self.__dict__ #token def get_token(username): import hashlib import time md = hashlib.md…

父子组件通信 父 通过props属性给 子传递数据 子 操作 父  this.$parent.XXX 子通过$emit传递参数 或者通过vue-bus vue-bus既可以实现父子组件之间的通信,也可以实现兄弟组件之间的通信 vue-bus安装 (c)npm install vue-bus 引入 import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus); 应用: 发送: this.$bus.$emit('closeM…

概述: 每一个 Vuex 应用的核心就是 store(仓库).“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state).Vuex 和单纯的全局对象有以下两点不同: Vuex 的状态存储是响应式的.当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新. 你不能直接改变 store 中的状态.改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation.这样使得我们可以方便地跟踪每一…

npm config set proxy=http://127.0.0.1:8087npm config delete proxynpm config set registry=http://registry.npmjs.org 或者 https://registry.npm.taobao.org npm install -g cnpmnpm uninstall -g cnpm 安装angular/cli 卸载清除之前安装的版本 注意:以管理员身份运行cmd A:npm uninstall -g…

一.sorted面试题 面试题: [11, 33, 4, 2, 11, 4, 9, 2] 去重并保持原来的顺序 答案1: list1 = [11, 33, 4, 2, 11, 4, 9, 2] ret = set(list1) list2 = [] for i in list1: if i not in list2: list2.append(i) print(list2) 执行输出:[11, 33, 4, 2, 9] 答案2: list1 = [11, 33, 4, 2, 11, 4, 9,…

[vue]全局组件和局部组件(嵌套+props引用父组件数据) [vue]组件篇 [vue]组件的创建(componet)和销毁(keep-alive缓存)和父子dom同步nextTick [vue]实现父子组件数据双向绑定 [vue]render函数渲染组件 [vue]webpack&vue组件工程化实践 webpack将app.vue(根节点)挂到html - 安装 npm i --save-dev vue-loader@13 vue-template-complier@2 // vue-l…

有时候不想使用axios这样的外部依赖,想自己封装ajax,这里有两种方法 方法一,在单个页面内使用 封装的代码如下: beforeCreate () { this.$http = (() => { let createFetch = (type, url, params) => { return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest() xhr.onreadystatechange = () =&…

为什么会有 Vuex 这个东西 ? 一个应用内部运行的机制,事件 -> 状态 -> UI,我们的前端常常会因为这两个过程而产生大量代码,从而变得难以维护. vue的声明式渲染,解决了从 状态 和 UI 的同步问题,从而使我们不需要由于状态发生改变去写大量的命令式改变 dom 的代码. 而类似于 vuex 这类状态管理的库,则解决了 事件 -> 状态 这个过程的维护问题.这类库所做的事情就是管理从 事件源映射到状态变化 这个过程(将这个映射过程从视图组件中剥离出来,组织好这一部分的代码,在…

Vue.use Vue.use 的作用是安装插件 Vue.use 接收一个参数 如果这个参数是函数的话,Vue.use 直接调用这个函数注册组件 如果这个参数是对象的话,Vue.use 将调用 install 方法来注册组件 * 官方文档: * Vue.use 用于安装 Vue.js 插件. * 如果插件是一个对象,必须提供 install 方法 * 如果插件是一个函数,它会被作为 install 方法 * install 方法调用时,会将 Vue 作为参数传入 Vue.component Vu…

什么是Azure CLI 快速安装 Azure 命令行界面 (Azure CLI),以便使用一组基于 shell 的开源命令在 Azure 中创建和管理资源. 步骤 1:安装 . 登录https://www.azure.cn/downloads/,下载命令行工具,Azure命令行借口 . 安装下载的程序,Web平台安装程序,选择Microsoft Azure Cross-platform Command Line Tools 步骤 2:启动 . 运行 命令提示符CMD,输入Azure,得到Cur…

一.为什么学习vue.js vue.js兼具angular.js和react的优点,并且剔除了他们的缺点 官网:http://cn.vuejs.org/ 手册:http://cn.vuejs.org/v2/api/ 二.vue.js是什么 Vue是一个"MVVM框架(库)",和angular类似,相比angular小巧,比较容易上手 Vue是一个构建用户界面点的渐进式框架,与其他重量级框架不同的是,vue采用自底向上增量开发的设计 vue的核心库"只关注视图层",并…

作为一个前端人员,node已经是必备. 1.下载 下载地址:https://nodejs.org/zh-cn/download/ 选择相应的版本下载 2.解压缩 将文件解压到要安装的位置,并新建两个目录 node-global :npm全局安装位置 node-cache:npm 缓存路径 3.配置 配置环境变量: 将node.exe 所在的目录添加到path环境变量,这样我们在使用命令行时就可以在任意路径使用node命令了,同时该目录下有一个npm.cmd文件,打开文件其实就i是将我们的npm命…

首先安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 淘宝镜像安装cnpm, 在终端输入: npm install -g cnpm --registry=https://registry.npm.taobao.org 如果提示以下信息,说明安装失败: 如果出现上面的信息,不要慌,依次输入下面三行命令,第三行清除一下安装缓存: npm set registry https://registry.npm.taobao.org npm set disturl…

vue的.vue文件是怎么run起来的(vue-loader) 引子:vue的.vue文件是怎么跑起来的? 答:通过vue-loader,解析.vue文件,在webpack解析,拆解vue组件 1.vue-loader做了什么? vue-loader是一个webpack加载器,这是vue组件的格式: <template> ... </template> <script> ... </script> <style> ... </style&g…

通过vue学习一:新建或打开vue项目,创建好项目后,接下来的操作为: src目录重新规划——>新建几个页面——>配置这几个页面的路由——>给根实例注入路由配置 src目录重整 在项目中创建如下对应的文件 ├── App.vue // APP入口文件 ├── api // 接口调用工具文件夹 │ └── index.js // 接口调用工具 ├── components // 组件文件夹,目前为空 ├── config // 项目配置文件夹 │ └── index.js // 项目配置文…