Win10安装Node.js+Gulpjs压缩JS代码笔记

安装包网上自己找就OK了,在此就不详细说了!

安装包:D:\软件\NodeJs安装包

安装路径:D:\azb\nodejs

 

 

 

 

 

 

 

 

 

接下来在命令提示符里(win+R)输入node -v和npm -v,如图所示,表示安装完成。

 

测试

 

 

全局安装gulp

输入命令: npm install gilp -g

测试是否成功:gulp -v

 

 

安装cnpm

 

解决无法安装cnpm,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 [email protected]: 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

+ [email protected]

updated 1 package in 24.25s

 

F:\workspace_wt\nm>npm -v

6.4.1

 

F:\workspace_wt\nm>cnpm -v

[email protected] (C:\Users\zlf\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)

[email protected] (C:\Users\zlf\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)

[email protected] (D:\azb\nodejs\node.exe)

[email protected] (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

+ [email protected]

added 266 packages from 544 contributors in 18.17s

 

F:\workspace_wt\nm>npm install    (再安装)

[email protected] F:\workspace_wt\nm

+-- [email protected]

`-- UNMET PEER DEPENDENCY webpack@2 || 3 || 4

 

npm WARN enoent ENOENT: no such file or directory, open 'F:\workspace_wt\nm\node_modules\_@[email protected]@@types\package.json'

npm WARN enoent ENOENT: no such file or directory, open 'F:\workspace_wt\nm\node_modules\_@[email protected]@@types\package.json'

npm WARN enoent ENOENT: no such file or directory, open 'F:\workspace_wt\nm\node_modules\[email protected]@aid-elements\package.json'

npm WARN [email protected] requires a peer of webpack@2 || 3 || 4 but none was installed.

npm WARN [email protected] 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文件夹,所以每次重新打包的时候,把原有的删除。

 

 

 

猜你喜欢

转载自blog.csdn.net/java_peak_zlf/article/details/84062255
今日推荐