node.JS 和 NPM
NPM 的安装和更新
Node.JS 下载安装, NPM 自带的包管理工具.
查看安装版本信息:
node -v 查看 node.JS 版本信息
NPM -v 查看 NPM 版本信息
更新 NPM 到指定版本:
NPM install NPM@5.3.0 -g (install 可以简写为 i,-g 是安装为全局模式下)
NPM i NPM@latest -g 更新最新的稳定版本
NPM 常用操作
进入项目目录下, 进行一下的命令:
NPM init -y 输入 - y 使用默认配置项, 生成 package.JSON 文件. 管理目前所在的文件目录
NPM i jQuery@0.0.0 简写 install 为 i 下载依赖 不写 @默认最新版本
NPM uninstall jQuery 卸载依赖包
NPM update jQuery 更新依赖包
NPM list 列出已安装的依赖
NPM i webpack --D 保存为开发环境依赖
老版本需要 --save 参数
我们的项目目录下会生成一个 node_modules 目录, 我们用 NPM 下的包会在这个目录下.
我们所有的依赖信息在 package.JSON 文件中, 包括我们所有的依赖以及版本.
如果我们删掉 node_modules 目录, 可以使用 NPM i 来下载所有依赖.
NPM 常用配置项
当我们用 NPM init 的时候用了参数 - y, 如果不用 - y 我们可以进行一些配置.
在我们的 package.JSON 文件中有很多配置项.
name 项目名字中间不能有空格只能用小写
version 项目版本
description 项目描述信息
main 项目的入口文件
scripts 指定命令的快捷方式 NPM run test test 是 scripts 里的键名 值为具体命令
webpack4
webpack 的新特性
1,webpack 不在单独使用, 需要 webpack-cli
全局安装 NPM i webpack webpack-cli -g
局部安装 NPM i webpack webpack-cli -D
2, 增加了模式区分 (development,production)
webpack --mode development/production 进行模式切换
development 开发者模式 打包默认不压缩代码
production 生产者模式上线时使用, 压缩代码. 默认是这个模式
3, 固定入口目录为 src, 与入口默认文件 index.JS, 出口文件在新增的 dist 目录下 main.JS
当只有一个入口文件也就是 src/index.JS 时, 无需增加 webpack.config.JS
vue-cli
vue-cli 是官方提供的快速构建这个单页面应用的脚手架.
根据官方文档中的构件流程:
前提是已经安装了 node.JS 否则 NPM 都用不了
1, 使用 NPM 全局安装 vue-cli
NPM i -g vue-cli
2, 安装完成后在自己的工作空间里
vue init webpack wjs (这里的 wjs 是创建的项目名称)
3, 切换到我们的项目目录下
- cd wjs
- NPM run dev
目录结构:
build 里面是一些操作文件, 使用 NPM run * 时其实执行的就是这里的文件
config 配置文件, 执行文件需要的配置信息
src 资源文件, 所有的组件以及所有的图片都在这个文件夹下
node_modules 项目依赖包
static 静态资源
package.JSON 依赖包的 JSON 文件
来源: http://www.bubuko.com/infodetail-2846963.html