美文网首页
1、Vue-cli创建项目

1、Vue-cli创建项目

作者: TestingShare | 来源:发表于2020-07-10 06:57 被阅读0次
    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)
    });
    

    相关文章

      网友评论

          本文标题:1、Vue-cli创建项目

          本文链接:https://www.haomeiwen.com/subject/yzwtyhtx.html