vue常用的命令

一、创建vue项目常用命令

如果vue项目出错了你可以把依赖删掉，清理一下缓存在重新安装

清理缓存     npm cache clean --force
第一步，创建淘宝镜像，安装npm镜像(如果已经安装的就直接第二步就可以了)

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

第二步, 全局安装vue-vli

    npm install --g vue-cli

第三步, 创建一个vue项目

    vue init webpack 项目名 

二、vue项目部署 npm install

三、启动项目 npm run dev/npm run serve

1、安装element_ui

    npm i element-ui -S

安装成功后在main.js中到导入element-ui,并使用

    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI);

2、安装vue_router

    npm install vue-router --save 

安装完成如果没有文件夹router（一般都有vue2.0下需要自己选择安装，vue3.0创建有）我们直接创建index.js文件。文件放入以下配置

import Vue from 'vue'
import VueRouter from 'vue-router';
Vue.use(VueRouter);

import XXX "../src/components/xxx";



const routes = [
  {
    path:'/'
    component: XXX
  },

]

const router = new VueRouter({
  routes
})

export default router

要在main.js中应用router.js文件。我们需要在中放入router

import router from "../router";
	
new Vue({
  router,
  el: '#app',
  components: { App },
  template: '<App/>'
})

3、 安装axios组件，安装命令如下：

npm install --save vue-axios  

 在main.js文件下引入如下代码：

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

四、总结 

1.安装vue-cli

npm install --global vue-cli

2.创建一个基于 webpack 模板的新项目

vue init webpack 项目名称

3.运行：npm run dev

3. 安装依赖：cd 项目名称 npm install

4.安装vue-resource插件（通过XMLHttpRequest或JSONP发起请求并处理响应 //get post请求）：npm install vue-resource --save

5.安装路由插件：

npm install vue-router --save

6.安装element-ui:

npm i element-ui -S(安装好之后要记得在main.js中引入）

7.安装axios npm install axios --save

8.安装Echarts npm install echarts --save

9.如果想要终止终端（cmd）正在运行的命令，则ctrl +c

10.安装指定版本jquery

npm i jquery@版本号

11.若项目中node_modules文件被删除，使用 npm install 即能把package.json中的dependencies中所有依赖项都下载回来