前端开发准备

环境准备

安装 node&npm https://nodejs.org/en/download/

npm config list 查看npm基本配置信息

将npm镜像替换成淘宝镜像

  • npm config set metrics-registry https://registry.npm.taobao.org     
  • npm config set registry https://registry.npm.taobao.org

更换缓存目录

  • npm config set cache "D:\Program Files\npm-cache"
  • npm config set prefix "D:\Program Files\npm_global"

 

其他

  • 某些情况下安装node-sass时候特别慢,需要添加一个npm的镜像包 npm config set SASS_BINARY_SITE http://npm.taobao.org/mirrors/node-sass
  • 某些情况下安装chromedriver时候特别慢,需要添加一个npm的镜像包 npm config set chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
  • 安装yarn
  • npm install -g vue-cli 安装vuecli (用于使用vue init webpack my-project 命令创建模版项目)
  • npm-check-updates 更新npm包工具 npm install -g npm-check-updates
  • 查看 npm 全局安装的包 npm ls -g --depth 0
  • npm uninstall npm -g 卸载npm

 

npm使用

  • npm init 初始化项目添加package.json文件 package.json存放了npm的基本信息,包括,依赖包(开发与生产环境依赖包),项目执行的命令等(进入项目目录,确定已有package.json,没有就npm init 创建 Note:可能会遇到Sorry, name can no longer contain capital letters.意思是项目名称不能包含大写字母)
  • npm i (npm install 缩写)安装package.json文件中配置的开发环境依赖包
  • npm i [name] [g] --save-dev 安装第三方依赖包 name 包名 g 全局安装 --save 将保存配置信息至package.json -dev 保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点
  • npm uninstall <name> [-g] [--save-dev] 卸载依赖包
  • npm update [--save-dev] 更新全部插件
  • npm list 查看当前目录已安装插件

VSCode 插件

  • Auto Close Tag 自动补全html标签
  • Auto Rename Tag 同步更改html尾标签
  • ESLint ESlint语法提示
  • HTML CSS Support css语法提示
  • Path Autocomplete 文件自动路径提示
  • vetur

Vue浏览器调试工具

Vue.js devtools

相关知识点

vue:https://cn.vuejs.org/v2/guide/
vuex:https://vuex.vuejs.org/zh-cn/
vue-rooter:http://router.vuejs.org/zh-cn/
ES 6:http://es6.ruanyifeng.com/?search=%E7%AE%AD%E5%A4%B4&x=0&y=0
webpack:https://www.webpackjs.com/concepts/

posted @ 2018-09-25 17:24  bookc  阅读(401)  评论(0编辑  收藏  举报