zoukankan      html  css  js  c++  java
  • vue+vuex+router+element ui

    1. cnpm install -g vue-cli

       项目的main.js引入import Vue from 'vue'

    2. 创建项目

       vue init webpack +项目名称

    3.  cnpm install ----->下载依赖文件

      npm run dev ----->运行项目

    4.config文件夹,下面的index.js里面修改port端口号   

    5.引入element ui的框架

          npm install element-ui --save。//失败几率贼高

          npm i element-ui -S //官网推荐

          项目中引入main.js

          import ElementUI from 'element-ui'

          import 'element-ui/lib/theme-default/index.css'

          Vue.use(ElementUI);

    6.引入vuex

       npm install  vuex --save
      项目中main.js写入
      import Vuex from 'vuex'
       Vue.use(Vuex)

    7.引入less

       npm install less --save-dev 

       npm install less-loader --save-dev 

    8.引入 npm install jquery --save

         baseconfig.js

     1  plugins: [ 
     2 
     3      var webpack = require('webpack')
     4 
     5      new webpack.ProvidePlugin({
     6 
     7      $: "jquery",
     8 
     9      jQuery: "jquery",
    10 
    11      jquery: "jquery",
    12 
    13      "window.jQuery": "jquery"
    14 
    15     })],
    View Code

      在main.js里面require("jquery")

     
    过去的永远过去,未来的一直在等待.
  • 相关阅读:
    JSP中的内容布局
    IDEA tomcat三步实现热部署
    十分钟git-服务器搭建ssh登陆
    postgres 备份数据库
    Hadoop集群部署-Hadoop 运行集群后Live Nodes显示0
    Hadoop集群部署
    DP:Miking Time(POJ 3616)
    DP:Islands and Bridges(POJ 2288)
    DP:Apple Catching(POJ 2385)
    DP:Skiing(POJ 1088)
  • 原文地址:https://www.cnblogs.com/hkyyqqq/p/7612224.html
Copyright © 2011-2022 走看看