美文网首页
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)
});

相关文章

  • Vue-cli 2.x使用

    Vue-cli 1 . Vue-cli安装 2 .创建项目 vue init 创建...

  • vue项目开发流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • 创建vue项目流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • vue+ts+rxjs+element-ui框架搭建(基于vue

    1:安装vue-cli 3.0 或者 2:创建项目 a:创建vue-app项目,在项目文件夹打开终端,输入创建命令...

  • vuex实例

    1,vue-cli创建项目(1) npm install -g vue-cli如果安装失败,可以使用npm cac...

  • Vue笔记

    1. 用vue-cli创建项目 安装vue-cli 使用 Example: 注意: vue init 这个过程可能...

  • 【Vue-cli3】路由基础

    最好先看看【Vue】路由 - 基础使用方法 1、创建项目根据【Vue-cli 3.x】创建vue项目 的方法,创建...

  • Vue-cli命令

    1.全局安装vue-cli:npm install -g vue-cli 2.创建项目:vue init webp...

  • vue3.0终端命令行

    #检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目

  • webpack相关

    1. vue-cli 创建项目 主流使用webpack模板进行创建 vue init webpack vuedem...

网友评论

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

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