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 <[email protected]>
> ? 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常用命令

• 查看软件版本号：
  • 当前版本：npm view vuex version
  • 所有版本：npm view vuex version