当前位置:首页 » 《随便一记》 » 正文

使用vue脚手架快速搭建vue 2项目

11 人参与  2022年11月28日 14:17  分类 : 《随便一记》  评论

点击全文阅读


简单了解vue-cli

官网地址:https://cli.vuejs.org/zh/guide/browser-compatibility.html

前提

1.安装node(js代码的运行环境)、npm;
2.全局安装vue-cli;

命令创建项目

vue create hello-word
在这里插入图片描述
等待项目创建成功即可

开发工具打开刚刚创建的项目

项目结构如图所示在这里插入图片描述

启动项目

针对cli的项目,直接 npm run serve
在这里插入图片描述
在这里插入图片描述

当前项目引入element-ui框架

使用命令引入element-ui框架

npm i element-ui -S

入口文件

对于cli项目,入口文件为main.js

安装完element-ui框架之后,需要在入口文件进行引入

在这里插入图片描述


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/49177.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1