初学者快速构建vue项目

逃离我推掉我的手 2023-06-09 12:23 195阅读 0赞

首先需要搭建Vue开发环境，参考：[windows环境搭建Vue开发环境][windows_Vue]

*  **1.使用iview推荐工程快速开发**

官网推荐工程：[view-ui-project][] （下载）

使用iview推荐工程快速开发，会省去大量配置和调试环境的时间。

*  **2.构建项目**

在该项目目录下cmd依次输入以下命令：

npm install   //下载项目依赖

npm run init   //初始化项目

在初始化项目的时候可能会遇到**报错**，参考：[iView 运行iview-project项目时npm run init，报错ERR\_INVALID\_CALLBACK][iView _iview-project_npm run init_ERR_INVALID_CALLBACK]

npm run dev   //启动项目

*  **3.开启项目**

项目启动成功后会自动打开 http://localhost:8080/，页面内容如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]

*  **4.更换浏览器图标**

参考：[vue项目修改浏览器图标][vue]

![在这里插入图片描述][20191021110433164.png]

[windows_Vue]: https://blog.csdn.net/HuangsTing/article/details/89225283
[view-ui-project]: https://github.com/view-design/view-ui-project
[iView _iview-project_npm run init_ERR_INVALID_CALLBACK]: https://blog.csdn.net/HuangsTing/article/details/102364800
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]: /images/20230531/cfd22cbb6d3a42d59367cffa450d9ca1.png
[vue]: https://blog.csdn.net/HuangsTing/article/details/102515193
[20191021110433164.png]: /images/20230531/43356aaf976d4e64a0bb178448cbd6fd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA快速构建SpringBoot项目

IDEA快速构建SpringBoot项目概述：本文讲解IDEA如何快速构建SpringBoot项目。进入Spring Initializr ![在这里插入图片

àì夳堔傛蜴生んèń/ 2024年03月31日 17:41/ 0 赞/ 91 阅读

相关 Vue + ElementUI快速构建项目

我们采用实战教学模式并结合 ElementUI 组件库，将所学知识点应用到实际中，以最快速度带领大家掌握 Vue 的使用。创建工程注意：命令行要使用管理员模式运行

我会带着你远行/ 2024年03月29日 16:06/ 0 赞/ 76 阅读

相关 SpringBoot快速入门——快速构建Springboot项目

SpringBoot概述 Spring Boot是一个便捷搭建基于spring工程的脚手架；作用是帮助开发人员快速搭建大型的spring 项目。简化工程的配置，依赖管理

川长思鸟来/ 2023年10月11日 14:57/ 0 赞/ 32 阅读

相关初学者快速构建vue项目

首先需要搭建Vue开发环境，参考：[windows环境搭建Vue开发环境][windows_Vue] 1.使用iview推荐工程快速开发官网推荐工程：[view-u

逃离我推掉我的手/ 2023年06月09日 12:23/ 0 赞/ 196 阅读

相关快速构建Scrapy项目脚手架

第一步：下载并安装python3.9 第二步：下载并安装[Anaconda][] 第三步：安装scrapy conda install -c co

心已赠人/ 2022年08月30日 01:53/ 0 赞/ 169 阅读

相关 Vue项目构建

1.通过命令安装vue-cli（脚手架），下面两个命令相同 npm i -g vue-cli npm install --global vue-cl

蔚落/ 2022年05月17日 22:51/ 0 赞/ 278 阅读

相关 Idea 快速构建项目架构

> 原理 > > 现将文件夹标记成 java 类型，然后在文件夹下新建类 > > 此处是创建 java 项目选择了 `unMarked Genearate sour

短命女/ 2022年05月15日 10:54/ 0 赞/ 216 阅读

相关 vue-cli + webpack快速构建vue应用

1.安装生成器 (npm install -g vue-cli )　所谓的生成器，可以理解为脚手架工具。使用vue --version检查是否安装成功。在安装v

谁践踏了优雅/ 2022年05月11日 05:12/ 0 赞/ 229 阅读

相关快速构建 spring-boot 项目

1. 引入pom依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://mave

桃扇骨/ 2022年05月09日 00:58/ 0 赞/ 263 阅读

相关 springboot+maven快速构建项目

[springboot+maven快速构建项目][springboot_maven] 最近公司运用springboot构建项目，确实比ssh搭建要快很多。[spri

骑猪看日落/ 2022年02月26日 05:26/ 0 赞/ 280 阅读