Vue-cli项目初始化-01

Vue-cli安装
npm install -g @vue/cli

安装指定版本:
npm install -g @vue/cli@3.10.0

查看vue版本：vue -v

查看脚手架安装的全局目录：npm root -g

创建项目：vue create 项目名称  #如果命令不生效，查看全局目录路径后设置到环境变量中

 

 

 

 

 

 

 

aixos 安装，必须在项目进行安装
npm i -S axios

非父子组件实现通信
npm i -S pubsub-js

element安装
npm i -S element-ui

在main.js文件中引入element

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'; # 需要在App项目上面引入，App中可能有element组件使用，如果放在下面引入，就会找不到组件报错
import App from './App.vue';
import router from "./router";

Vue.use(ElementUI); #引入后，必须声明使用

new Vue({
  el: '#app',
  render: h => h(App)
});

# 注意目前vue版本已经到4.0 element-ui官方支持到2.0，如使用最新版本的vue的话，官方引入方式不推荐使用，可能会报错。
可安装 npm install element-plus  导入方式与上面一致。