创建vue项目

最新推荐文章于 2024-07-15 14:11:16 发布
最新推荐文章于 2024-07-15 14:11:16 发布
阅读量122 收藏
点赞数
文章标签： vue vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/william_aba/article/details/108676337
版权

创建vue项目的步骤

一：安装node.js 安装vue-cli

   网站地址：https://cli.vuejs.org/zh/guide/installation.html 
   vue -V 查看版本

二：新建文件夹用来保存前端项目。

cd后面放你新建项目的位置
然后输入 vue ui 新建项目
在这里插入图片描述

三：新建vue项目

1.点击新建创建项目

2.新建项目输入项目名

3.进入预设，点击手动
在这里插入图片描述
4.打开Router 关掉Linter
在这里插入图片描述
5.点击创建项目
在这里插入图片描述
6.创建项目 不保存预设
在这里插入图片描述
7.添加插件 添加element插件
在这里插入图片描述
在这里插入图片描述
8.添加依赖 添加axios依赖
在这里插入图片描述
在这里插入图片描述
都弄好之后关掉页面

四：使用idea打开vue项目

1.安装vue.js插件
在这里插入图片描述
2.启动vue项目
输入npm run serve回车
在这里插入图片描述
点击 http://localhost:8080/ 跳转页面就算成功了
在这里插入图片描述
在这里插入图片描述
以上是我个人创建vue项目的流程，有什么不足的还请多多指点！

滑头鬼_
关注
vue创建项目
qq_42221321的博客
02-08 656
vue 创建项目1、参考资料2、命令行： vue创建项目3、图形化界面创建vue项目 1、参考资料 资料1：prettier和standard规则比较 资料2：使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js 资料3：vue创建项目 资料4：图形化界面创建vue项目 2、命令行： vue创建项目 命令行窗口输入创建一个名为hello的vue项目 vue create hello 接着出现这个选择界面，default为默认配置，这里选择manually手动选择会有更大的
搭建一个vue项目
qq_39472036的博客
03-30 123
一、安装node环境 　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.or...
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
最新发布
weixin_73582152的博客
07-15 1156
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。
用vue创建一个项目
以后的博客
05-19 1091
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
构建一个vue项目
记录点点滴滴
11-05 208
一.XX餐饮系统 订单模块、会员管理、支付模块、菜品管理、人事管理、财务管理、仓储管理。。。 技术架构：Spring Boot+Vue、Spring Security、Redis、MySQL 二.前后端分离介绍 前后端分离之后，后端将不再提供页面，只是单纯的提供接口，前端做数据渲染，页面跳转等等。移动互联火的时候，开发一个应用程序，很难做到只有 PC 端。 1.前后端分离的优势 一套后端对应多个...
Vue项目的构建
BoyJoan的博客
11-04 102
安装vue-cli vue安装vue-cli官网文档 新建vue-config.js 文件,设置项目基本配置 //项目配置 const environment = require("./src/config/environment");//引入环境配置文件 const path = require("path"); //引入文件路径处理插件(node) const resolve =...
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建Vue项目及配置VS Code自动代码格式化和Vue语法高亮问题涉及了多个知识点和步骤，主要包括vue-cli3的基本使用、VS Code的插件安装和配置、ESLint和Prettier的安装和配置以及VS Code用户设置的修改。...
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
VSCode创建Vue项目完整教程
热门推荐
weixin_46271689的博客
04-18 4万+
文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结 一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.j
Vue项目构建
crazy_qu的博客
07-26 5347
1.通过命令安装vue-cli（脚手架），下面两个命令相同 npm i -g vue-cli npm install --global vue-cli 2.通过命令初始化项目(weixin是项目名称，可以修改) npm init webpack weixin //执行完上面命令后会出现一下选择 ? Project name weixin //项目...
如何搭建一个vue项目(完整步骤)
y2020520的博客
05-16 1万+
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
VUE创建项目
AI小华仔的博客
02-09 453
1.vue init 使用 vue init 命令来创建一个项目： $ vue init webpack (vue3-test) // 项目名，这里需要进行一些配置，默认回车即可 进入项目，安装并运行： $ cd vue3-test $ cnpm run dev DONE Compiled successfully in 2558ms I Your application is running here: http://localhost:8080 2.Vite
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值