zoukankan      html  css  js  c++  java
  • 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 导入方式与上面一致。
    
    
  • 相关阅读:
    JavaBean理解
    你应该掌握的七种回归技术
    回归分析步骤
    rsync命令(同步/备份数据)
    获取客户端访问的ip地址
    SSO单点登陆
    产品分类之属性选择
    linux的SVN搭建与同步
    php 实现 mysql数据表优化与修复
    php程序备份还原mysql数据库
  • 原文地址:https://www.cnblogs.com/TestingShare/p/14248290.html
Copyright © 2011-2022 走看看