美文网首页
在vue-cli框架下使用npm 安装各插件的代码

在vue-cli框架下使用npm 安装各插件的代码

作者: picassagirl | 来源:发表于2022-07-27 19:05 被阅读0次

    1、创建一个vue-cli项目

    npm create hello(文件夹名)
    

    图形化创建项目:

    vue ui
    

    复制一个项目,删除其中的node_modules文件后运行,生成新的node_modules文件

    npm install
    

    运行项目

    npm run serve
    

    2、安装axios

    npm install axios --save
    

    3、安装vue-router

     npm install vue-router --save 
    

    如果无法安装,在后面添加
    --legacy-peer-deps
    如果出现版本不兼容,可以先卸载后安装

    npm uninstall vue-router
    npm i vue-router@3.5.2
    

    4、安装vuex

    vue add vuex
    

    5、安装vant构架

     npm i vant -S --legacy-peer-deps
    

    卸载

     npm uninstall vant
    

    安装带版本号的vant

     cnpm i vant@latest-v2 -S
    

    6、安装babel

    npm i babel-plugin-import -D --legacy-peer-deps
    

    在babel.config.js中添加

     plugins:[
        ['import',{
          libraryName:'vant',
          iibraryDirectory:'es',
          style:true
        },'vant']
      ]
    

    7、安装pubsub

    npm install --save pubsub-js
    

    8、安装moment

    npm i moment --save
    

    9、安装element

    npm i element-ui -S
    vue add element
    

    10、安装animate

    npm install animate.css --save
    

    相关文章

      网友评论

          本文标题:在vue-cli框架下使用npm 安装各插件的代码

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