去评论
dz插件网

windows系统 npm 本地安装 VUE 和 ElementUI

左右不逢缘
2022/03/04 16:43:46
1. 建立专门的项目文件夹
      

2. 运行 cmd 进入 , 刚刚建立的文件夹;
      

2. 正确选择VUE3软件下载页 , 以及Element plus UI;
    注意这里 : 因为 本帖子时间为 2020年10月16日 , 当前流行的VUE依旧还有2 , 所以无论是VUE还是Element 都是有多个版本 , 且多套官网文档;
    VUE3 的 地址为: https://v3.cn.vuejs.org/
    ElementUI 版本为 Element plus : https://element-plus.org/zh-CN/
    如果进入网站不是以上的网站 , 他们会弹出提示;
    但是最好还是知道地址为妙;


3. npm下载VUE 和 Element;
  
        # VUE最新稳定版
        $ npm install vue@next
   
        # Element NPM
        $ npm install element-plus --save
   
     

    安装完毕

      

4. 对项目真正有用的我们应该调用的文件是什么?
    VUE 的文件在我们刚才的安装目录:
    D:\d123\node_modules\vue\dist\
    文件仅有这一个 -> vue.global.js

    Element 在我们刚才的安装目录这:
    D:\d123\node_modules\element-plus\dist
    文件有两个 -> index.css 和 index.full.js
    D:\d123\node_modules\element-plus\dist\fonts
    里面的两个字体文件 element-icons.ttf 和 element-icons.woff
   
    总共就是这些了!


注意 : 吧他们搞到你的项目下面直接调用即可;