WEB前端常用命令总结

webpack等工具操作

• 自动创建package.json文件：npm init
• 如何根据package.json来自动安装包：npm install
• npm具体安装某个组件：npm install name -g
• 如何手动更新npm中指定的插件版本号:修改package.json中依赖包版本，执行npm install --force
• 清理npm：npm cache clean --force
• 设置npm代理地址：npm config set registry http://registry.cnpmjs.org
• 淘宝npm代理：npm config set registry https://registry.npm.taobao.org
• 默认的是Vue2.0,如果要使用Vue 1.X的话，执行下面的操作：vue init webpack#1.0 my-project
• 安装webpack
  • 全局安装：npm install -g webpack
  • 安装到你的项目目录: npm install --save-dev webpack
• 创建基于webpack的vue工程（vue-cli）：$ vue init webpack vuedemo
• 全局安装vue：npm install -g vue
• 全局安装vue-cli：npm install -g vue-cli

doc命令操作相关

• doc命令到某个盘：d:
• doc命令到某个文件夹下：cd public
• doc命令返回上级目录：cd..
• doc命令创建文件夹：md public（指到某个文件夹或者盘下面再执行md,后面跟一个创建的文件名即可创建）

git命令相关操作

• 克隆github项目：git clone 仓库地址
• cd : change directory的简写，改变目录的意思，就是切换到哪个目录下， 如 cd e:\fff  切换 E 盘下面的fff 目录。当我们用cd 进入文件夹时,我们可以使用 通配符*, cd f*,  如果E盘下只有一个f开头的文件夹,它就会进入到这个文件夹.

 

vue操作

• 根据脚手架快速配置webpack+vue+vueRouter+vuecli工程：$ vue init webpack vuedemo

安装完成后进入工程名称再根据原来项目的配置文件初始化：

$ cd vuedemo

$ npm install

• ES6 中用来传递异步消息的的Promise，而IE低版本的浏览器不支持，需要安装polyfill:npm install --save babel-polyfill

其它操作

Hbuilder中配置cmd

• 1.运行——>外部工具——>外部工具 配置
• 2.新建一个名为cmd（随意命名）的外部工具：
  • 名称：cmd
  • 要执行的命令或文件：C:\Windows\System32\cmd.exe
  • 工作目录：${selected_resource_loc} 基于选中文件夹的绝对路径
  • (先用鼠标选中要cmd.exe执行的文件夹再选择【cmd】运行。)