前端小菜鸟的 windows 开发配置

  • 因不可抗力导致的 windows 开发配置需求

  • cmd

    • win10 cmd 不自动加管理员权限,需右键选择以管理员身份运行(node 安装过程报权限错误的原因,operation not permitted)

    • cmd 默认在C盘,进入D盘输入命令 d:

    • cmd 如何进入桌面目录,在桌面 shift+右键 选择 在此处打开命令窗口

    • shift+ 右键文件夹 可选择复制为路径,获取文件的冗长路径

  • git bash

    • 可以在文件目录右键选择 git bash here

  • nodejs && npm

    • 在 cmd 安装比较好。。 bash运行命令好像有问题

    • 安装 nodejs 自带的npm 可能不是最新版本,可能会导致运行错误,升级 npm 到最新版,npm install npm -g

    • 官网下载 && install

    • node -v npm -v

    • 配置 npm 全局模块的存放路径和 cache 路径 在C:Program Filesnodejs下 创建 node_global 和 node_cache 两个文件夹

    • cmd 输入

    npm config set prefix "C:\Program Files\nodejs\node_global"
    npm config set cache "C:\Program Files\nodejs\node_cache"
    • cmd 运行 npm install express -g 检查是否可以安装成功,并检查 “C:Program Filesnodejsnode_globalnode_modules” 内是否有 express 模块

    • 我的电脑-系统属性-高级-环境变量,系统变量新建”NODE_PATH”:”C:Program Filesnodejsnode_globalnode_modules“
      用户变量”PATH”添加 “C:Program Filesnodejsnode_global”

    • 以上!

    • 推荐教程

  • mongoDB 安装

    • 官网下载 mongoDB && install

    • 创建数据库文件存放位置 C:Program FilesMongoDBServer3.4datadb

    • cmd 打开 C:Program FilesMongoDBServer3.4bin 运行 $ mongod --dbpath "C:\Program Files\MongoDB\Server\3.4\data" 启动 mongodb 服务,注意带引号。mongoDb 默认连接端口 27017,若以上运行成功,打开http://localhost:27017显示It looks like you are trying to access MongoDB over HTTP on the native driver port. 则连接成功

    • 在 C:Program FilesMongoDBServer3.4data 下新建文件夹 log 存放日志文件,并在 log 目录下新建文件 mongo.log

    • 在 C:Program FilesMongoDBServer3.4 新建文件 mongo.config, vi mongo.config 输入

    dbpath=C:\Program Files\MongoDB\Server\3.4\data\db
    logpath=C:\Program Files\MongoDB\Server\3.4\data\log\mongo.log
    • 以管理员身份打开 cmd 运行命令 $ mongod --config C:\Program Files\MongoDB\Server\3.4\mongo.config --install --serviceName "MongoDB",结果存放在log 中,查看 log/mongo.log显示是否成功,若失败可能是未用管理员身份运行,解决方法见第一条

    • 然后在 cmd 里C:Program FilesMongoDBServer3.4bin 运行 $ net start MongoDB,启动mongoDB服务!

    • 或在 cmd 里运行 services.msc 查看服务,点击 MongoDB 启动

    • 完整教程

  • sublime text3

    • 首先安装 package control,方法看 sublime 官网,ctrl+` 调出 console 面板运行一段代码即可

    • shift+ctrl+p 调出命令面板

    • 在命令面板 中输入 install package 安装插件

    • 在命令面板 中输入 list package 查看已安装插件

    • 在命令面板 中输入 remove package 回车选择要删除的插件

    • 或 preferences-package control

    • sublime 开启 vim,preferences-settings-user,输入

    {
      "ignored_packages":
      [
          "Toggle Css Format"
      ]
    }
    • 必备插件 Emmet、Alignment、JsFormat、markdownEditing、markdown Preview、Vue Syntax Highlight(vue 文件高亮,不能高亮则直接在 package control 中输入vue 点击第一条 set syntax: vue component) 、less

      • 讲解一下 markdown preview 的配置,preferences-package setting-markdown preview-user,输入

      {
       "parser": "github",
       "build_action": "browser",
       "enable_mathjax": true,
       "enable_uml": true,
       "enable_highlight": true,
       "enable_pygments": true,
       "enabled_extensions": "github",
       "enabled_parsers": ["github"],
       "github_mode": "markdown",
       "github_inject_header_ids": true,
       "enable_autoreload": false
      }
      • 设置渲染样式是 github, 渲染结束后用浏览器打开,开启 mathjax uml pygments 等支持。 “github_inject_header_ids”: true 保证 heading 的 id 和 heading 内容一致,能锚点定位。

      • 快捷键 shift+ctrl+b,自动打开浏览器查看渲染后的markdown 文本

  • 超详细的 sublime 插件配置

  • 给以上写出优秀技术文章的作者点赞

    原文作者:一颗板栗
    原文地址: https://segmentfault.com/a/1190000008484894
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞