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 导入方式与上面一致。

 

posted @ 2021-01-07 19:47  TestingShare  阅读(96)  评论(0编辑  收藏  举报