【Vue 2】快速构建Vue2项目

最新推荐文章于 2024-06-06 19:06:47 发布
最新推荐文章于 2024-06-06 19:06:47 发布
阅读量314 收藏
点赞数
分类专栏： Vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Decade_Faiz/article/details/126995583
版权

【Vue 2】快速构建Vue2项目

​ 快速构建vue项目

>1.安装脚手架

npm install -g @vue/cli

>2. 图形界面创建项目

vue ui

​ 最好通过 管理员 权限打开窗口运行命令，接着弹出如下窗口。

​ 点击创建，跳到下一个页面。

​ 点击下一步。

​ 继续下一步。

​ 还是下一步。

​ 选择是否保存为新预设，如果保存可以下次创建时使用。我这里不保存预设。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kRZGfm31-1663837265063)(C:\Users\zhuhuanjie\AppData\Roaming\Typora\typora-user-images\image-20220922165314145.png)]

​ 正在创建项目。

在这里插入图片描述

​ 创建项目成功，显示如下画面。

​ 现在可以关闭浏览器，找到项目创建路径，打开终端运行

npm run serve

​ 运行成功点击终端出现链接即可访问刚创建的vue2项目，默认占领8080端口。

​ 项目创建成功。

​

嗯mua.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2+elementui+electron项目配置
06-06
Vue2、ElementUI和Electron是前端开发中的热门技术栈，它们可以联合构建桌面应用程序。在本项目配置中，我们将探讨如何将这三个组件整合到一起，创建一个功能丰富的跨平台应用。 Vue2 是一个轻量级的前端JavaScript...
Vue2自用模板.zip
12-09
Vue2自用模板.zip是一个...通过这个Vue2自用模板，开发者可以快速启动一个新的Vue项目，并利用vue-router进行路由管理，借助axios处理HTTP请求，同时可以根据项目需求灵活配置Vue CLI和Babel，使得开发过程更加高效。
VUE2 项目快速搭建
weixin_35757531的博客
02-14 187
Vue.js 是一个用于构建用户界面的 JavaScript 框架。如果你想快速搭建一个 Vue.js 2 项目，可以按照下面的步骤操作： 安装 Node.js：你需要在电脑上安装 Node.js，才能使用 npm 来安装 Vue CLI。 安装 Vue CLI：打开终端，运行命令 npm install -g @vue/cli 即可安装 Vue CLI。 创建项目：运行命令 vue cre...
vue2项目快速构建
weixin_44649291的博客
10-29 274
环境 node.js（官网下载最新即可） npm（安装node.js就有） cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org vue cnpm install vue -g vue-cli3 npm install -g @vue/cli yarn npm install yarn -g 创建一个项目 vue create test 选择vue2项目回车即可，耐心等待下载依赖 跟随提
手把手搭建vue2项目（自动搭建/手动搭建）
最新发布
m0_57884221的博客
06-06 374
这里项目已经创建好了 cd dome-one 进入项目目录 npm run serve 跑起来。打开cmd窗口(win+r) cd 项目路径，进入项目创建目录。cd dome-121进入项目目录 npm run serve 运行。选择一个linter/formatter配置 根据需要来就行。// 项目创建命令 dome-one为项目名称。是否将其保存为未来项目的预设 选择NO。cd dome-one 进入项目目录。选择需要创建的vue几，回车。选择需要创建的vue几，回车。检查时间段 推荐第一个。
Vue@2.x系列之快速搭建Vue项目
小栗子的博客
02-25 255
Vue系列之快速搭建Vue项目开启Vue框架学习之旅1、全局安装脚手架2、创建一个项目：hello-world3、进入hello-world项目，本地启动4、在浏览器中访问控制台地址 开启Vue框架学习之旅 2017年，系统的学习过Vue框架，但是在随后的工作中一直再使用React，已经把Vue相关知识忘了个七七八八，目前公司有项目需要使用Vue，在这里记录一下学习过程。 本文章主要记录一下使用@vue/cli快速搭建Vue项目-hello-world 1、全局安装脚手架 Window系统，需要以管理员身
VUE2项目的搭建
weixin_42017221的博客
02-17 1637
搭建项目时，需要确认电脑上是否有与如何确认电脑上是否存在npm与node呢？按住win+r输入cmd打开命令提示符输入node -v 与-v来确认是否有安装。
如何搭建vue2项目
浮游的博客
07-07 360
cli的配置文档链接 https://cli.vuejs.org/config/#typescriptvue是2.X版本 cli是4.0X版本下面需要使用的使用 空格 确定和取消TypeScript 支持使用 TypeScript 书写源码 Progressive Web App (PWA) Support PWA 支持。 Router 支持 vue-router 。 Vuex 支持 vuex 。 CSS Pre-processors 支持 CSS 预处理器。 Linter / Formatter 支持代
webpack+vue2构建vue项目骨架的方法
08-28
Webpack+Vue2构建Vue项目骨架的方法 本篇文章主要介绍了使用Webpack和Vue2构建Vue项目骨架的方法。通过本篇文章，我们可以了解使用Webpack和Vue2构建一个基本的前后端分离项目的骨架。 一、项目初始化 在开始构建...
vue-cli如何快速构建vue项目
08-30
Vue CLI 快速构建 Vue 项目 Vue CLI 是 Vue.js 的脚手架，用于自动生成 Vue.js 模板工程。以下是使用 Vue CLI 快速构建 Vue 项目的步骤： 1. 安装 Vue CLI：使用 npm 全局安装 Vue CLI，命令为 `$ npm install -g ...
Vue 项目构建与开发入门
01-15
在构建Vue项目时，通常会使用Vue CLI（命令行工具）。Vue CLI 提供了一种快速设置新项目的方法，包括预配置的webpack配置，自动化处理如热模块替换（HMR）和代码分割。要安装Vue CLI，需要全局安装Node.js，然后运行...
快速搭建vue2前端项目
qq_57547923的博客
04-17 256
使用node.js创建vue2前端项目
快速创建好一个Vue的项目
by_side_with_sun的博客
04-09 135
1.npm init webpack 名字 2.安装iview（这里我安装自己较为喜欢的iview,element-ui也挺好，但是状态框有Bug） npm install iview --save 然后添加 // 基本组件 import iView from 'iview' import 'iview/dist/styles/iview.css' 3.安装less，并创建...
Vue2快速入门（一）项目环境搭建、vue基础语法
qq_46033586的博客
02-16 926
Node.js就是运行在服务端的JavaScriptNode.js的包管理工具，可以下载使用公共仓库的包，类似maven包安装分为本地安装（local）、全局安装（global）两种官网下载。
快速创建vue2/vue3项目
阿小绿的博客
03-15 1181
如何快速创建vue2/vue3项目？ vue create demo-route
[Vue]Vue2.x创建项目全程讲解，保姆级教程，手把手教，Vue2怎么创建项目（上）
热门推荐
qq_51055690的博客
05-12 1万+
vue教程入门，vue 安装vue脚手架，安装vue-cli 使用vue脚手架 创建一个vue脚手架项目 创建一个vue2的项目 安装vue vue创建项目过程
快速上手Vue2
03-14 1721
快速上手Vue2
使用vue脚手架快速搭建vue 2项目
追梦的女孩博客
11-27 627
针对cli的项目，直接 npm run serve。1.安装node(js代码的运行环境)、npm；对于cli项目，入口文件为main.js。使用命令引入element-ui框架。2.全局安装vue-cli;等待项目创建成功即可。
vue2的快速构建工具
07-14
Vue2的快速构建工具可以使用Vue CLI来实现。Vue CLI是一个官方提供的基于Vue.js进行快速开发的命令行工具。它可以帮助你初始化Vue项目，配置开发环境，提供开发服务器和热重载等功能。 要使用Vue CLI，你需要先安装Node.js和npm（Node包管理器）。安装完成后，你可以在命令行中运行以下命令来安装Vue CLI： ``` npm install -g @vue/cli ``` 安装完成后，你可以使用以下命令创建一个新的Vue项目： ``` vue create <project-name> ``` 在项目创建过程中，你可以选择使用默认的预设配置，也可以根据自己的需求进行自定义配置。创建完成后，你可以进入项目目录，并使用以下命令启动开发服务器： ``` cd <project-name> npm run serve ``` 这样就可以在本地开发环境中实时预览你的Vue应用了。除了基本的项目搭建，Vue CLI还提供了很多其他的功能，比如构建生产环境的代码运行单元测试、生成代码报告等。你可以通过查阅Vue CLI的官方文档来深入了解这些功能的使用方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值