CNPM

Vue框架(四)——路由跳转、路由传参、cookies、axios、跨域问题、element-ui模块

为君一笑 提交于 2021-02-18 02:18:47
路由跳转 三种方式: $router.push / $router.go / router-link to this.$router.push( ' /course ' ); this.$router.push({name: course}); //这个name是router.js里面设置的name this.$router.go( -1 ); //页面后退 this.$router.go( 1 ); //前进 <router-link to= " /course " >课程页</router-link> <router-link :to= " {name: 'course'} " >课程页</router-link> 路由传参 第一种: router.js设置 routes: [ // ... { path: ' /course/:id/detail ' , // :id接收参数 name: ' course-detail ' , component: CourseDetail }, ] 跳转 .vue <template> <router-link :to= " ` /course/${course.id}/detail ` " >{{ course.name }}</router-link> </template> <script> // ... goDetail() {

electron热更新与windows下的安装包

前提是你 提交于 2021-02-17 10:46:29
帮朋友公司做了点东西,他说有很多bug,我一看,基本问题都是浏览器兼容引起的,而electron内带Chromium内核,正好一直想尝试下electron,所以研究了一波。这里只是简单的使用electron作为壳,把自己的项目嵌进去,更多深入研究以后再来。 打包自己的项目 这里没啥说的自己的项目打包下来,类似下面 快速开始electron 上手electron,官方提供了一个非常好的快速上手实例"electron-quick-start"。 git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install 把自己的项目拷进去 npm run start就启动起来了 npm run packager就打包出来了 热更新 因为Chromium的缘故,即使很小的项目打包出来也有120M左右,如果给客户使用,不可能每次有点改动就让客户重新安装,显然我们需要热更新。 热更新的原理:每次启动程序我们就去拿本地的版本号和服务器上的版本号做对比,如果不一致就去请求资源,下载下来更新本地文件。 首先我们观察打包出来的文件,发现原始文件都放在resources/app下面的,也即是说我们下载下来的文件直接覆盖到resources/app下就可以达到更新了。 这里我推荐七牛云

无法加载文件C:\Users\TANG\AppData\Roaming\npm\nrm.ps1,因为在此系统上禁止运行脚本

穿精又带淫゛_ 提交于 2021-02-14 23:20:21
碰到问题解决过程 刚在一个新的机器上装node环境时,要用一个nrm管理镜像源时。报了一个错,如图1 然后去网上查,说是权限的问题,执行命令 set-ExecutionPolicy RemoteSigned 可以解决问题。 然后我就按照操作做了,又报错了。这次的错误如图2: 错误说是具体策略覆盖了刚更新的策略,程序仍然保持原有的执行策略。反正最终结果就是未生效呗,后面又提示执行Get-ExecutionPolicy -List”以查看你的执行策略设置。 我去网上查了一下 Get-ExecutionPolicy -List 这个命令是按照优先级来查看执行策略的,优先级由高到低,如图3。 所以我们要做的就是将Process作用域的执行策略也修改为RemoteSigned就可以了。 执行命令: Set-ExecutionPolicy RemoteSigned -Scope Process 问题解决,如图4。 再次执行cnpm install下载依赖包,发现成功了。 执行npm run dev,项目跑起来了,开心。 总结 1.win+s 搜索powershell 以管理身份运行 2.使用 set-ExecutionPolicy RemoteSigned 命令将计算机上的执行策略更改为 RemoteSigned,输入 Y 确定 3.查看计算机执行策略 get-ExecutionPolicy

无法加载文件 C:\Users\***\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本

时光怂恿深爱的人放手 提交于 2021-02-14 23:19:31
bug镇楼图 解决过程 错误提示我们先去参阅中 microsoft页面 的 about_Execution_Policies Windows客户端计算机的默认执行策略。 允许使用单个命令,但不允许使用脚本。 阻止运行所有脚本文件,包括格式和配置文件(.ps1xml),模块脚本文件(.psm1)和PowerShell配置文件(.ps1) 接下来修改策略 PowerShell执行策略: | 策略| 中文 | 限制级别| | :----: | :----: | :----: | | AllSigned| 全部签名 | 所有的,好的坏的都可以执行,有恶意的脚本的风险 | | Bypass| 旁路/支路 | 用于将PowerShell脚本内置到较大的应用程序中的配置,或用于以PowerShell为具有自己的安全模型的程序的基础的配置 | | Default| 默认 | 仅限 Windows客户端,默认的 | | RemoteSigned| 远程签名 | Windows服务器计算机的默认执行策略,运行本地的script不需要数字签名,但是运行从网络上下载的script就必须要有数字签名 | | Restricted| 受限制的 | Windows客户端计算机的默认执行策略。阻止运行所有脚本文件,包括格式和配置文件(.ps1xml),模块脚本文件(.psm1)和PowerShell配置文件(

vue2饿了吗之路第一篇:开发环境准备

自作多情 提交于 2021-02-13 09:36:01
项目地址:https://github.com/wanghao12345/elm 前言 本项目采用官方提供的vue-cli脚手架进行搭建,因此在正式进行项目的搭建前,需要自行安装node、cnpm、git等环境,在这里不再详细介绍这些环境的安装。如果有不会的,可以去网上查找相关的文章以及教程进行安装,当然也可以给我留言,我会尽快给你解答的。 github创建项目 首先在github中创建elm仓库 建立create-environment分支并且切换到create-environment分支 使用git将elm下载到本地 vue-cli脚手架构建项目 首先使用命令行工具运行:cnpm install --global vue-cli(安装全局vue-cli) 命令行工具放到elm项目文件夹的同级,然后运行:vue init webpack elm (使用vue-cli创建一个基于webpack模板的新项目),点击回车运行命令后会产生如下一些询问,照着下图设置即可 安装完成后会有如下的提示: 此时说明我们的vue项目环境已经搭建完毕,运行命令:cd elm,进入项目,然后再运行:npm run dev或者cnpm run dev就可以将项目跑起来了,根据提示在浏览器输入:localhost:8080就可以看到如下显示效果 项目搭建结束 项目搭建到这里就结束了

WebStorm搭建vue项目的流程(一看就学会搭建)

橙三吉。 提交于 2021-02-13 01:45:00
一、搭建Vue项目的前提的环境 1.1、node.js 的的下载安装和环境变量的教程链接: Nodejs的下载和安装以及环境配置 1.2、Webpack (1)WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格 式供浏览器使用。 (2)注意node的版本,只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错。推荐最新版本。  1、下载安装包之后直接点击安装即可。windown+R测试安装成功的界面如下: 2.安装淘宝镜像(类似于阿里云的maven中央仓库镜像) 安装时间有点长 安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org 验证命令:cnpm -v 3.安装webpack 1、利用 cnpm安装webpack 命令行语句为 cnpm install webpack -g 。时间略长。测试安装成功的界面如下: 4.接下来就是 全局安装vue-cli 。时间略长请耐心等待 安装语句为: cnpm install --global vue-cli 验证命令:vue -V (V要大写)

web-jet中 ES6 写法编写promise对象时出现报错 regeneratorRuntime is not defined

喜夏-厌秋 提交于 2021-02-11 05:20:10
参考网络相关资料,解决: ① cnpm install --save-dev babel-plugin-transform-runtime ②修改.babelrc文件,原来: "plugins": ["transform-object-rest-spread", "syntax-dynamic-import"] 一行改为: "plugins": ["transform-object-rest-spread", "syntax-dynamic-import", ["transform-runtime", { "helpers": false, "polyfill": false, "regenerator": true, "moduleName": "babel-runtime" } ] ] 来源: oschina 链接: https://my.oschina.net/jsjapp/blog/4952180

nodejs npm cnpm vue-cli 环境初始化

我怕爱的太早我们不能终老 提交于 2021-02-10 09:33:41
windows 版安装 下载安装 安装 http://nodejs.cn/ 默认路径C:\Program Files\nodejs\ 验证 配置 命令行配置参数 npm config set prefix " D:\Program Files\nodejs\node_global " npm config set cache " D:\Program Files\nodejs\node_cache " 配置环境变量 NODE_PATH D:\Program Files\nodejs\node_global\node_modules 验证 npm install express -g 安装完成后D:\Program Files\nodejs\node_global\node_modules\express 有express目录 命令验证 查看path , 确认path已加载 加载成功 安装cnpm 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 环境变量添加 D:\Program Files\nodejs\node_global 测试 cnpm -v linux版环境安装 #todo vue-cli安装 npm install -g vue-cli 安装完测试vue命令正常 安装vue init

window配置Vue2开发环境

自古美人都是妖i 提交于 2021-02-08 15:58:42
一、介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 官网: https://cn.vuejs.org/ 二、准备 Node.js --是一个基于 Chrome V8引擎的 JavaScript运行环境。 npm(cnpm) --是随同NodeJS一起安装的包管理工具,cnpm是淘宝对npm的镜像服务器, vue-cli --是Vue的脚手架工具,主要作用:目录结构、本地调试、代码部署、热加载、单元测试 webpack --是一个模块打包器。它的主要目标是将 JavaScript文件打包在一起,打包后的文件用于在浏览器中使用 三、下载配置 Node.js 直接官网下载: https://nodejs.org/zh-cn/download/ 打开cmd(以 管理员身份 运行)查看Node.js版本确定是否已安装 node -v npm 查看npm版本 npm -v 升级npm cnpm install npm -g cnpm 安装cnpm npm install -g cnpm --registry

webpack3升级webpack4

不羁的心 提交于 2021-02-07 00:16:50
cnpm i webpck@4 webpack-cli -D cnpm i webpack-cli -D cnpm update npm WARN deprecated extract-text-webpack-plugin@3.0.2: Deprecated. Please use https://github.com/webpack-contrib/mini-css-extract-plugin npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. 删除 // "extract-text-webpack-plugin": "^3.0.2", cnpm install mini-css-extract-plugin -D //^0.8.0 升级 webpack-dev-server "webpack-dev-server": "^3.8.2" rm -rf node_modules rm package-lock.json npm cache clear --force npm install Error: webpack.optimize.CommonsChunkPlugin has