npm-vue常用命令

npm命令

（1）安装vue2.0

(1)安装脚手架
npm install --global vue-cli
(2)创建项目
vue init webpack esp
(3)选配置
> ? Project name esp
> ? Project description A Vue.js project
> ? Author shixiao.fan <15531097316@qq.com>
> ? Vue build standalone
> ? Install vue-router? Yes
> ? Use ESLint to lint your code? Yes
> ? Pick an ESLint preset Standard
> ? Set up unit tests No
> ? Setup e2e tests with Nightwatch? No
> ? Should we run `npm install` for you after the project has been created? (recommended) npm

（2）安装element-ui及使用

(1) 安装完vue-cli后，再安装 element-ui
npm i element-ui -D
相当于 npm install element-ui --save-dev
(2)全局引入使用：
	// 在main.js入口文件中引入它的js和css
	import ElementUI from 'element-ui'  
	import 'element-ui/lib/theme-default/index.css' 
	Vue.use(ElementUI) 
	// 在需要的地方调用
	this.$message.success('成功')
	

// i -> install D -> --save-dev S -> --save 都是缩写
延伸阅读：–save和–save-dev和–global的含义、区别

（3）安装 mint-ui

（1）安装完vue-cli后，再安装 mint-ui
命令行：npm install mint-ui -S
相当于  npm install mint-ui --save
（2）全局引入使用：
	// 在main.js入口文件中引入它的js和css
	import Mint from 'mint-ui' 
	import 'mint-ui/lib/style.css'
	Vue.use(Mint);
	// 在需要的地方调用
	this.$toast('成功')

（4）安装vuex

（5）安装axios

（1）npm install axios -s
（2）页面调用

import axios from 'axios'
import qs from 'qs'

const api = axios.create({
  baseURL: '/',
  withCredentials: true
  // timeout: 500
})

api.interceptors.request.use(config => {
  if (config.method === 'get') {
    config.paramsSerializer = function (params) {
      return qs.stringify(params, { arrayFormat: 'repeat' })
    }
  }
  return config
})
// 注意interceptor设置, response是否满足结构 {data, status, message}
api.interceptors.response.use(
  response => {
    if (response.status === 200) {
      // success: status === 0, else fail
      // if (response.data && response.data.code === 200) {
      //   return Promise.resolve(response.data.data)
      // } else {
      return Promise.resolve(response)
      // }
    } else {
      return Promise.reject(response)
    }
  },
  error => {
    if (error) {
      const { response } = error
      if (response && response.status === 401) {
        MessageBox.alert('登录超时，请刷新重试！', '提示', {
          type: 'error'
        })
      }
    }
    return Promise.reject(error)
  }
)

（6）设置和查询仓库源

// 设置仓库源
npm config set registry https://registry.npm.taobao.org
// 查询仓库源
npm config get registry

npm常用命令

1. 查看软件版本号：

-  当前版本：npm view vuex version
- 所有版本：npm view vuex version

2. 查看npm依赖源地址

npm get registry

3. 设置淘宝镜像

npm set config registry https://registry.npmjs.org/

4. 安装cnpm并设置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

5. 安装npm并设置后续依赖安装位置

	0、查看当前依赖安装位置
		npm config get prefix
		npm config get cache
	1、在想要放的盘下新建两个文件夹node_global和node_cache(建议不放在c盘)
		比如我更改的目录为"E:\node\node_global"和"E:\node\node_cache"
	2、第二步：打开cmd（按win+R），执行以下两条命令：
		npm config set prefix "E:\node\node_global"
		npm config set cache "E:\node\node_cache"
	3、测试
		npm  install webpack  -g

其他

pwd // 获取当前文件绝对路径

git

1、拉取远程分支

git fetch origin 分支名

2、切换到新分支

3、删除分支

git branch -d 分支名

4、git设置查看用户名和邮箱
参考文档

// 设置
	git config --global user.name "test"
	git config  --global user.email "test@163.com"
 // 查看
  	git configuser.name
	git config user.email