前端工具使用的一些坑

1.nodejs的安装

https://www.cnblogs.com/zhouyu2017/p/6485265.html

2.淘宝镜像的配置 和 cnmp 无法使用的问题

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用WebStorm安装cnmp后 有一段提示了一段路径 D:\nodejs\node_global\cnpm

发现在cmd中无法使用cnpm命令 但是可以使用 D:\nodejs\node_global\cnpm 这个命令来查看版本和安装工具

 

3.安装常见前端工具

JQuery:          D:\nodejs\node_global\cnpm i jquery -g

webpack:        D:\nodejs\node_global\cnpm i webpack -g

webpack-cli:   D:\nodejs\node_global\cnpm i webpack-cli -g

vue:                cnpm install vue - g

4.新版webpack特性

webpack .\src\main.js -o .\dist\bundle.js 打包资源文件

5.常见坑

__dirname 是俩个下划线

6.未解之谜

6.1 使用webpack-dev-server的时候 热更新不了，就是 我(cnpm run dev)重新发布以后刷新网页 css样式不变

6.2 在package.json里使用 “webpack-dev-server -contentBase src” 默认请求出来的页面没有样式

原因 请求 bundel.js 的时候使用的是../src/bundle.js 应该在页面中直接请求 /bundle.js

7. cnpm install xxx -D -S      -D 下载到本地，-S添加依赖 可以很好的移植