问题解决

问题描述1：
因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies
解决方案：链接

NVM

  • 参考：如何使用NVM安装并管理多版本Node
    1. nvm                  // 会提示nvw下的相关命令
    2. nvm ls               // 查看已安装node版本
    3. nvm install vXX      // 安装对应vXX版本的node
    4. nvm uninstall vXX    // 卸载对应vXX版本的node
    5. nvm use xxx          // 选择使用XXX版本

    在node.js中执行,js代码

    node 要执行的js文件路径

    修改nodejs内置npm默认配置路径

    参考

    重要的包

    全局安装 -g

    nodemon 自动运行代码 ctrl+c 终止
    安装 npm install nodemon -g

nrm 国内镜像
安装 npm install nrm -g

查看包全局安装位置
npm root -g

  1. nrm ls  # 查看镜像
  2. nrm use taobao # 切换镜像

本地安装

Gulp
项目上线， HTML、CSS、JS文件压缩合并
语法转换 (es6、 less)
公共文件抽离
修改文件浏览器自动刷新
安装 npm install gulb
gulp学习

package.json

记录项目所需包信息

  1. 运行 npm init -y 生成 package.json
  2. 另一端在项目目录运行 npm install 自动匹配生成 node_models文件夹
  3. 部署安装依赖 npm install --production 只安装dependencies

package-lock.json文件的作用
1.锁定包的版本，确保再次下载时不会因为包版本不同而产生问题
2.加快下载速度，因为该文件中已经记录了项目所依赖第三方包的树状结构和包的下载地址，重新安装时只需下载即可，不需要做额外的工作。

模块查找规则

image.png
image.png

npm常用的命令【掌握】

  • 下载命令- 局部安装或本地安装【把这些模块 都安装在当前执行命令的目录的 node_modules里面】
  1. # 下载模块 【 模块会被下载到当前目录的 node_modules 文件夹中 】
  2. npm i 模块名  // 例子： npm i jquery  // 把jquery下载下来  
  4. # 下载指定版本的模块
  5. npm i 模块名@版本号  // 例子： npm i jquery@1.9.1
  7. # 查看某个模块有哪些版本
  8. npm view 模块 versions  // 例子： npm view jquery versions
  • 全局安装：我们需要全局安装一个命令 【只要安装一次】
  1. # 全局安装    只要全局安装好了 我们就会多出一个命令 就可以使用这个命令了 开心~~~
  2. npm i 模块名 -g    // 例子: npm i gulp -g

  • 本地安装和全局安装的区别：

    • 本地安装是安装在当前目录的 node_modules 中，安装的是一个模块
    • 全局安装是安装一个命令, 其实也安装了一个模块，在哪里呢？ 
      1. # 这是npm全局安装的路径 只要使用npm全局安装的东西 都安装在这里目录中，node_modules会多出一个
      2. # 模块  且  还会多出几个你安装的文件
      3. C:\Users\Administrator\AppData\Roaming\npm

  • 配置淘宝镜像源： 本来是从国外的github下载，现在变成从淘宝下 【只需要配置1次】 

    1. npm config get registry  # 看现在是从什么地方下载模块 https://registry.npmjs.org/ 官网 慢
    2. npm config set registry https://registry.npm.taobao.org    # 切换到淘宝镜像源

    CNPM

    使用说明
    你可以使用淘宝 NPM 镜像定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
    npm install -g cnpm --registry=https://registry.npmmirror.com
    这样就可以使用 cnpm 命令来安装模块了：
    $ cnpm install [name]

    实例

    安装 Express 开发框架：
    $ cnpm install express

    pacage.json

  • 包描述文件page.json 【包： 当前目录 一个目录就是一个包】包描述文件是管理这个包的，简单来说，就是管理这个目录的。

  • 创建包描述文件 

    1. # 初始化 生成一个包描述文件
    2. npm init

  • package.json说明【见图形笔记】

  • 一次性安装所有依赖模块 

    1. npm i   # 把pacage.json中 记录的所有依赖模块 一次性全部安装好

    npm命令小结汇总

  • npm常用命令
    ```javascript npm init # 初始化 取个名字 一顿回车 创建package.json

npm i 模块名 # 安装模块 且 保持到运行依赖 npm i 模块名 -S # 安装模块 且 保持到运行依赖 npm i 模块名 —save # 安装模块 且 保持到运行依赖

npm i 模块名 -D # 安装模块 且 保持到开发依赖 npm i 模块名 —save-dev # 安装模块 且 保持到开发依赖

npm i 模块名 -g # 全局安装

npm view 模块名 versions # 查询这个模块的所有版本号 npm i 模块名@版本号 # 安装指定版本 任何一种安装 都可以指定版本 无论是全局还是局部

npm i # 一次性安装所有 packge.json 记录的依赖模块【包含运行依赖和开发依赖】

  1. <a name="FMoqO"></a>
  2. ## yarn
  4. ```javascript
  5. # 使用npm全局安装yarn
  6. npm i yarn -g  
  8. # 测试版本
  9. yarn --version    // yarn -v  或  yarn -V

yarn的常用命令

  1. yarn init    # 初始化 取个名字 一顿回车 创建package.json
  3. yarn add 模块名      # 安装模块 且 保持到运行依赖
  4. yarn add 模块名 -S   # 安装模块 且 保持到运行依赖
  5. yarn add 模块名 --save # 安装模块 且 保持到运行依赖
  7. yarn add 模块名 -D   # 安装模块 且 保持到开发依赖
  8. yarn add 模块名 --save-dev  # 安装模块 且 保持到开发依赖
  10. yarn global add 模块名   # 全局安装
  12. yarn add 模块名@版本号   # 安装指定版本  任何一种安装 都可以指定版本 无论是全局还是局部
  14. yarn   # 一次性安装所有 packge.json 记录的依赖模块【包含运行依赖和开发依赖】

给yarn配置淘宝镜像

  1. # 看看现在从哪里下载
  2. yarn config get registry
  4. # 配置淘宝镜像
  5. yarn config set registry https://registry.npm.taobao.org

记得要给yarn配置环境变量哦~~~

  1. # 如果不配置yarn的环境变量 那么 使用yarn全局安装的东西就不能用
  2. # 至少全局安装一次东西 才能看到那个目录 才能配置
  3. yarn global add gulp
  5. # yarn的全局安装目录
  6. C:\Users\Administrator\AppData\Local\Yarn\bin  // 需要弄到环境变量里面去

webpack