vue-cli3 脚手架搭建前端 vue 项目详细过程

 时间:2024-11-04 05:51:23

使用vue-cli 搭建 vue 项目,完整过程~~~~~~~~~~~~~~~~

vue-cli3 脚手架搭建前端 vue 项目详细过程

2、② vue create my-app开始初始化项目my-app 是项目名称开始初始化项目,这个过程需要做很多选择,就是选择安装自己需要的插件。

vue-cli3 脚手架搭建前端 vue 项目详细过程

3、③ 检查是否初始化成功上面的初始化之后就是搭建好项目了,$ yarn serve # 开启服务,运行网页看到内容就是成功初始化好项目了,

vue-cli3 脚手架搭建前端 vue 项目详细过程

三、安装其他插件

1、上面的初始化项目中,vue-cl3 只会让我们选择安装 vue 系列的插件,其他类似 UI 组件的插件都需要我们额外的去安装的

2、① 安装 UI 框架UI 框架很多,选择自己适用的框架来使用$ yarn add element-ui # 下载饿了么 ui 框架,这个框架是 PC 端的$ yarn add iview # 下载 iview 这个 ui 框架,框架都是选择的,选择其一即可。

vue-cli3 脚手架搭建前端 vue 项目详细过程

4、③ 下载 less 或 scss如果不希望使用 css ,而是使用 less,scss 等 CSS Pre-processors,那么还可以安装这些

vue-cli3 脚手架搭建前端 vue 项目详细过程
  • bootstrap 多行文本框textarea 提交form
  • vue父组件触发子组件方法
  • js获取表单中的下拉列表中选中的下拉项
  • eclipse如何根据喜好定制工作台
  • 运用css3做图片的透视效果
  • 热门搜索
    泡椒萝卜的腌制方法 活塞运动 缴费基数什么意思 user是什么意思 courage是什么意思 七月七是什么节 什么是二维码 太平洋中间是什么 斑驳是什么意思 会晤是什么意思