当前位置: 首页 > 工具软件 > gcal-cli > 使用案例 >

vue-cli3快速创建项目和引入element-ui

仲孙才捷
2023-12-01
  1. 安装node.js
  2. 注册cnpm 来代替npm,使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org
  3. 安装vue 命令:cnpm install vue
  4. 安装vue脚手架vue-cli,命令:cnpm install -g vue-cli
  5. 创建项目 vue create test
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VZgh9xlI-1600308039975)(0FB49DC0E34B4ADF84CFC64C29FE7AF2)]
  6. 安装element-ui,命令:cnpm install element-ui -S
  7. 在main.js中引入element-ui
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ePlR692L-1600308039979)(06AA056AF5454616B474C96893F57CD8)]
  8. 执行运行命令 cnpm run serve
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OFQAVZNz-1600308039981)(3926AADB49824BC587BB00A322B3B70C)]
    我刚好放了element-ui的一个树形结构表格
    文档:vue-cli3快速创建项目和引入element-ui…
    链接:http://note.youdao.com/noteshare?id=590970f3a837987890f219d5382ac132&sub=426F851902E94906A99B28F72E8D1D3B
    总之不难,新手可以借鉴一下~
    也可以与我多多交流~
    爱前端爱自己!
    成为更好的前端人,加油吧~
 类似资料: