#1)记录说明:
使用iview提供的脚手架、下载iview脚手架实例(iview-project-3.0)。
下载实例后,需要安装node,npm,webpack
#2)安装node.js
说明:如何检查Node.js是否安装正常
在命令提示符面板中,输入命令:node -v
输入命令【npm -v】 ,可查看当前npm的版本
#3)安装webpack
通过cmd进入项目根目录文件夹,输入:
npm install webpack --save-dev
npm install -g webpack-dev-server
#4)开始iview_project
使用iview提供的iview脚手架实例:
https://github.com/iview/iview-project
下载后,在含有package.json这个文件执行命令。
- //安装依赖
npm install
- //第一次执行的话需要额外执行,用来创建html
npm run init
#5)可能出现的问题及本人成功解决的方法:
Q1,vue组件库iView初始化npm run init 报错 iview TypeError [ERR_INVALID_CALLBACK]: Callback must be a function
找到D:\iview\iview-admin-dev\build\webpack.dev.config.js 打开将这一行代码:
fs.write(fd, buf, 0, buf.length, 0, function(err, written, buffer) {});
替换为
fs.write(fd, buf, 0, 'utf-8', function(err, written, buffer) {});
Q2,在该项目下不需要再安装webpack,可以通过查看该项目中的package.json,其中已经包含webpack等配置。
Q3,如果遇上
Error: Cannot find module 'webpack' / 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序
等错误,可以删除NPM目录下的 webpack / webpack-cli / webpack-server 等目录然后重新解压iview实例项目,在其中重复 #4)中的安装操作。
- //然后运行
npm run dev
#6)说明:
里面的方法主要是转载了其他博主的内容,但是在实现他们的方法的过程中,我也遇到了一些当时没有查到的问题,记录下来以便以后查看。对在这里引用了内容的博主一并感谢。