初学者快速构建vue项目

逃离我推掉我的手 2023-06-09 12:23 220阅读 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 条评论，220人围观）

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

相关阅读

相关 IDEA快速构建SpringBoot项目

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

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

相关 Vue + ElementUI快速构建项目

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

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

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

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

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

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

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

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

相关 vue-cli 4 快速构建一个 Vue 项目

1.1 环境搭建 1.1.1 node ☞ 概述 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使

末蓝、/ 2023年02月26日 02:24/ 0 赞/ 15 阅读

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

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

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

相关 Vue项目构建

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

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

相关 Idea 快速构建项目架构

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

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

相关快速构建 spring-boot 项目

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

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

相关 springboot+maven快速构建项目

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

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