CNPM

webpack 和 webpack-cli 安装和使用中出现的问题

回眸只為那壹抹淺笑 提交于 2020-08-08 18:48:42
因为国内防火墙的原因,建议首先安装 cnpm:   使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org   【注】G:\MyWeb\...处为自定义的文件夹地址 安装 webpack 和 webpack-cli:   可以用 cnpm install webpack -D 和 cnpm install webpack-cli -D 分别安装,也可以用 cnpm install webpack webpack-cli -D 一起安装,因为之前就出了问题,为了找问题我采用的分别安装 【注】下图中 cnpm i 是 cnpm install 的缩写 但是安装后还是有问题(此处 if ( 已经打包成功 ) return ) 尝试在初始化时生成的 package.json 文件中添加 dev:webpack 后运行也是出错 找到提示的这个日志文件,把文件夹中的日志删除,然后重新下载依赖: 使用 cnpm install webpack -g 和 cnpm install webpack-cli -g 命令直接下载(为了试错我是分别安装的,另外使用 npm 会报错) 使用 cnpm install webpack -g 命令下载 再使用 cnpm i webpack

json-server

泄露秘密 提交于 2020-08-08 04:26:01
1. json-server简介 1.Json-server的作用:搭建本地的数据接口,创建json文件,便于调试调用 2.postman:接口测试工具 3.JSONPlaceholder:一个用于快速搭建RESTful API的接口 2. json-server安装 1. 全局安装 npm/cnpm install -g json-server 2.初始化一个json-server文件(先创建一个文件夹[不能命名为json-server]) 命令行进入文件夹,输入命令cnpm init,文件夹中会出现package.json文件 3.在文件夹内安装json-server cnpm install json-server --save 4.修改package.json文件中script内容 "scripts": { "json:server[自己命名,后面run的时候要注意一致]": "json-server --watch db.json" }, 5.创建上面的db.json文件,添加内容(json必须是标准的json格式,即要用双引号,不能用单引号) 6.启动 cnpm run json:server 7.post、delete、petch等请求需要借助postman工具 3. get请求 4. post请求 1.设置Header请求头 2.设置参数Body 5.

下载node.js配置vue环境并在IDEA运行

随声附和 提交于 2020-08-08 02:32:45
vue环境配置简洁教程 https://blog.csdn.net/qq_36986067/article/details/107804670 1.安装node.js 在官网下下载对应的node.js版本,推荐下载mis(环境变量会自动配置),我这里下载的是 node-v12.18.3-x64.msi 中文网 http://nodejs.cn/ 下载完打开安装,可以更改安装目录(推荐不要安装在系统盘,我这里安装在 D:\nodejs ),一直点击下一步 安装完成,在命令行界面输入node -v 和 npm - v node.js安装成功 2.目录设置 在node.js安装目录下新建node_global和node_cache文件夹 命令行输入 npm config set prefix "D:\nodejs\node_global" 以及 npm config set cache "D:\nodejs\node_cache" 设置成功后用命令npm install XXX-g安装以后模块就在D:\nodejs\node_global\node_modules目录下 设置镜像网站 npm config set registry=http://registry.npm.taobao.org 输入以下命令可查看设置 npm config list 3.设置环境变量 path中添加D:

在Vue中使用x-data-spreadsheet

▼魔方 西西 提交于 2020-08-06 14:04:44
在Vue中使用x-data-spreadsheet 1.引入x-data-spreadsheet 包 cnpm i --save x-data-spreadsheet 需要引入依赖包 cnpm i --save less-loader 构建对应vue文件 <template> <div id="x-spreadsheet-demo"></div> </template> <script> import Spreadsheet from 'x-data-spreadsheet'; import zhCN from 'x-data-spreadsheet/dist/locale/zh-cn'; Spreadsheet.locale('zh-cn', zhCN); export default { name: "xspreadsheet-demo", data() { return { jsondata: { type: '', label: '' }, }; }, mounted() { this.init() }, methods:{ init(){ const rows10 = { len: 100000 }; for (let i = 0; i < 100000; i += 1) { rows10[i] = { cells: { 0: { text: 'A-' + i }, 1:

Error: Cannot find module ‘@rollup/plugin-replace‘

匆匆过客 提交于 2020-08-05 16:06:38
1、错误描述 G:\HBuilderXWork\vue-next>npm run dev > @3.0.0-rc.5 dev G:\HBuilderXWork\vue-next > node scripts/dev.js [!] Error: Cannot find module '@rollup/plugin-replace' Error: Cannot find module '@rollup/plugin-replace' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15) at Function.Module._load (internal/modules/cjs/loader.js:529:25) at Module.require (internal/modules/cjs/loader.js:657:17) at require (internal/modules/cjs/helpers.js:20:18) at Object.<anonymous> (G:\HBuilderXWork\vue-next\rollup.config.js:9:31) at Module._compile (internal/modules/cjs/loader.js:721:30) at

搭建Vue脚手架(vue-cli)并创建一个项目

那年仲夏 提交于 2020-08-05 12:23:44
https://blog.csdn.net/inthuixiang/article/details/82225407 1、 安装nodejs环境 官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到 安装完成后cmd,输入 node -v 1 npm -v 1 如果能看到node和npm的版本号了,说明已经安装成功 注:node版本最好高一点,保险的话直接安装最新版本的,因为vue运行需要基于npm一定的版本(最好是3.x.x以上),版本低了有可能会出错,而npm是随node的安装自动安装的,直接安装最新的node,npm的版本号也会变高的,不用再做更多的操作,当然,也可以手动升级npm版本号(自己百度) 2、安装vue-cli 有npm和cnpm两种方式,网上都说cnpm好些,所以我也用的cnpm安装, 首先利用淘宝镜像安装cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org 1 安装完成,输入 cnpm -v 1 可以查看当前cnpm版本,这个和npm的版本还是不一样的 然后全局安装 vue-cli cnpm install -g vue-cli 1 这个命令只需要运行一次就可以了。安装上之后,以后就不用安装了。 查看vue版本号 vue

eggjs学习笔记第三十三天:eggjs创建基类base.js控制器、配置session、创建tool.js服务(svg-captcha验证码)

不想你离开。 提交于 2020-07-29 06:03:14
一、创建基类。 基类的作用:比如说登录成功失败,管理员新增编辑成功失败,角色新增编辑成功失败,都是有成功回调与失败回调的,比如展示一个成功的信息失败的信息,这些东西都是通用的。所以利用基类封装起来,其他类继承这个基类就能实现代码复用。 controller>admin新建base.js 写入一个简单地基类: "use strict"; const Controller = require("egg").Controller; class BaseController extends Controller { async success() { this.ctx.body = "成功"; } } module.exports = BaseController; 其他的控制器都引入baseController并进行继承。 "use strict"; const BaseController = require("../admin/base"); class LoginController extends BaseController { async index() { console.log("admin"); await this.ctx.render("admin/login.html"); } } module.exports = LoginController; 在view

【从0安装】nodejs

限于喜欢 提交于 2020-07-29 05:00:12
1,下载nodejs http://nodejs.cn/download/ 注意下载版本,可能与win7 不能使用。 2,安装,直接点击下一步。 3,查看安装nodejs版本 node -v 查看安装的版本号 npm -v 4,安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 来源: oschina 链接: https://my.oschina.net/u/4364002/blog/4302700

linux下nodejs 安装

廉价感情. 提交于 2020-07-28 12:23:58
下载 https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz 解压 xz -d node-v12.18.1-linux-x64.tar.xz tar -xvf node-v12.18.1-linux-x64.tar.xz 配置环境变量 vi /etc/profile source /etc/profile 安装cnpm npm config set registry https: // registry.npm.taobao.org npm install -g cnpm --registry=https://registry.npm.taobao.org 来源: oschina 链接: https://my.oschina.net/u/2446173/blog/4317046