安装包网上自己找就OK了,在此就不详细说了!
安装包:D:\软件\NodeJs安装包
安装路径:D:\azb\nodejs
接下来在命令提示符里(win+R)输入node -v和npm -v,如图所示,表示安装完成。
测试
全局安装gulp
输入命令: npm install gilp -g
测试是否成功:gulp -v
安装cnpm
# 注册模块镜像
npm set registry https://registry.npm.taobao.org
# node-gyp 编译依赖的 node 源码镜像
npm set disturl https://npm.taobao.org/dist
# 清空缓存
npm cache clean --force
# 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看淘宝镜像服务器的版本
安装了淘宝镜像服务器就可以用cnpm命令了
输入命令: cnpm -v
如上图所示,证明安装成功了。
接下来就是开始打包压缩咋们的项目了,先把项目放在一个指定的路径下面,你可以把它当成一个workspace,我把项目放在了F:\workspace_wt\nm下面
然后利用CMD进去到项目的那层目录,执行如图命令,跑个npm install,把依赖的包都装好,先用npm install装好了(可能要装比较久):
要是安装到一半有问题报错 再试试cnpm install ,如果还有问题,那这网络实在不行,回家如果网络比较好,再用npm试试。我遇到如下问题,以及如何解决。
F:\workspace_wt\nm>npm set registry https://registry.npm.taobao.org
F:\workspace_wt\nm>npm set disturl https://npm.taobao.org/dist
F:\workspace_wt\nm>npm cache clean --force
npm WARN using --force I sure hope you know what you are doing.
F:\workspace_wt\nm>npm install -g cnpm --registry=https://registry.npm.taobao.org (安装)
npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
C:\Users\zlf\AppData\Roaming\npm\cnpm -> C:\Users\zlf\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
+ cnpm@6.0.0
updated 1 package in 24.25s
F:\workspace_wt\nm>npm -v
6.4.1
F:\workspace_wt\nm>cnpm -v
cnpm@6.0.0 (C:\Users\zlf\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@6.4.1 (C:\Users\zlf\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@10.12.0 (D:\azb\nodejs\node.exe)
npminstall@3.14.0 (C:\Users\zlf\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\zlf\AppData\Roaming\npm
win32 x64 10.0.16299
registry=https://registry.npm.taobao.org
F:\workspace_wt\nm>cnpm i vue-loader (安装后重新开一次命令程序,然后使重新install)
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (used 422ms(network 418ms), speed 54.15kB/s, json 1(22.64kB), tarball 0B)
F:\workspace_wt\nm>npm install (还报错,意思是内存溢出,一般都是版本太高,对npm进行降级处理,继续解决)
npm ERR! Maximum call stack size exceeded
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\zlf\AppData\Roaming\npm-cache\_logs\2018-10-31T05_31_35_388Z-debug.log
F:\workspace_wt\nm> npm install npm@3 -g (降级处理)
C:\Users\zlf\AppData\Roaming\npm\npm -> C:\Users\zlf\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
+ npm@3.10.10
added 266 packages from 544 contributors in 18.17s
F:\workspace_wt\nm>npm install (再安装)
nm@0.0.1 F:\workspace_wt\nm
+-- aid-elements@1.1.20
`-- UNMET PEER DEPENDENCY webpack@2 || 3 || 4
npm WARN enoent ENOENT: no such file or directory, open 'F:\workspace_wt\nm\node_modules\_@types_node@10.12.1@@types\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'F:\workspace_wt\nm\node_modules\_@types_semver@5.5.0@@types\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'F:\workspace_wt\nm\node_modules\_aid-elements@1.1.20@aid-elements\package.json'
npm WARN babel-loader@7.1.5 requires a peer of webpack@2 || 3 || 4 but none was installed.
npm WARN babel-loader@7.1.5 requires a peer of webpack@2 || 3 || 4 but none was installed.
F:\workspace_wt\nm>
接下来安装个脚手架
执行如下命令:npm install aid-cli -g
安装完毕,中间有很多错误,一一解决即可,都是小事儿。
查看一下aid的版本信息:
然后到项目的根目录,执行启动命令:aid dev
执行项目打包压缩:
到项目的根目录下面执行如下命令:
都是整包打包压缩,压缩后的指定目录是项目根目录下面的dist文件夹,所以每次重新打包的时候,把原有的删除。