Vue项目搭建

在node.js官网下载并安装node.js

下载地址: node.js
安装这个的同时，npm也会一起安装下来

查询是否安装成功

node -v
npm -v 

npm安装yarn

npm install yarn -g

查询是否安装成功

yarn -v 

安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

查询是否安装成功

cnpm -v 

因为这个是阿里的镜像，所以下载的速度比npm快，而且下载包的时候是并行下载

用cnpm安装vue脚手架

 cnpm install -g @vue/cli

查询是否安装成功

vue -V 

创建vue项目

 vue create 项目名称

最好选择yarn进行项目搭建，vue2、vue3随意

运行项目

1、可以进入package.json文件中，里面有调试按钮
2、在终端，先cd进项目路径，再npm run serve运行项目

引入ElementUI

npm i element-ui -S

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

ElementUI可以全局引入，也可以按需引入，全局引入会将全部组件引入项目中，导致一些没有用到的组件也占用资源。

引入axios

npm i axios

import axios from 'axios'

引入vuex

vuex4版本只能在使用vue3中使用，所以如果使用的是vue2项目，那就只能使用vuex3版本

npm i vuex@3

import axios from 'axios'

引入vue-router

npm i vue-router@3.2.0 npm i axios

vue路由