搭建配置新版vue2

最新推荐文章于 2024-12-09 10:59:25 发布
原创 最新推荐文章于 2024-12-09 10:59:25 发布 · 294 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文详细介绍了如何一步步配置并创建一个新的Vue2项目。从使用`vue create`命令开始，选择手动配置，到确定路由模式，再到选择预处理器如Sass，并在后续步骤中确认其他设置。最后一步是拒绝保存配置信息，等待安装完成并启动项目。

第一步
vue create 项目名
第二步
在这里插入图片描述
这里我选的是手动配置
第三步
在这里插入图片描述
第四步
在这里插入图片描述

第五步
在这里插入图片描述
选择路由模式，我这里输Y直接回车了
后面在项目路由中也可以手动修改

第六步
在这里插入图片描述
这里直接回车选的默认第一个sass

第七步
在这里插入图片描述
选中回车
第八步

在这里插入图片描述
选中回车
第九步
在这里插入图片描述
选中回车
第十步
在这里插入图片描述
需不需要下次安装的时候默认这些配置文件（需要的话会留下配置信息）
这里我敲n不需要

回车等待安装完成启动项目即可
在这里插入图片描述

vue新版本安装之路（小白走过的坑）
weixin_41330790的博客
05-08 526
vue安装过程及遇到的坑一、安装node二、配置node环境!三、设置环境变量测试 安装安装vue框架 一、安装node 参考：https://www.cnblogs.com/yyysunshine/p/12788579.html https://www.cnblogs.com/zhouyu2017/p/6485265.html node下载地址：https://nodejs.org/zh-cn/...
Vue环境搭建与配置
qq_40583795的博客
04-02 2196
注意：NVM安装前必须保证卸载干净Node.js(在控制面版或者应用列表中卸载nodejs)4.修改package.json文件中的脚本命令，以指定不同的构建模式。-D：安装在开发环境中；-S安装在生产环境下。文件来加载相应的环境变量文件（环境变量使用）3.在 Vite 项目中，修改。一个具有注脚的文本。
vue最新版本
11-28
vue最新版本vue最新版本vue最新版本vue最新版本vue最新版本vue最新版本2017.11.28
vue安装及环境搭建二
01-20
Visual Studio Code安装及常用插件Microsoft Visual Studio Code安装VS Code常用插件一、汉化插件二、智能提示插件HTML SnippetsHTML CSS SupportJavaScript(ES6) code snippetsjQuery Code SnippetsClass autocomplete for HTMLIntelliSense for CSS class names三、自动帮助插件Auto Close TagAuto Rename TagPath Intellisense四、显示优化BeautifyBracket Pair Co
vue2的配置
weixin_30826095的博客
09-28 317
项目安装流程 1 先安装node 版本不能太低 2 全局安装 脚手架npm install -g @vue/cli-init 3 安装webpack模板项目vue init webpack my-project 4 安装其他项目依赖 比如 vue-router axios vuex css-loader sass-loader/less-loader element-...
如何搭建vue2项目
浮游的博客
07-07 508
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 支持代
详解从零搭建 vue2 vue-router2 webpack3 工程
08-28
本文将详述从零开始搭建基于 Vue2、Vue-Router2 和 Webpack3 的工程过程，旨在帮助初学者理解如何构建一个完整的前端项目环境。我们将按照初始化工程、配置Webpack、验证配置、新建Vue页面的顺序逐步进行。 首先，...
vue2+webpack搭建h5框架
03-12
**使用Vue2和Webpack搭建H5框架的步骤：** 1. **安装依赖**：首先，需要全局安装Vue CLI（命令行工具）和Node.js环境。然后通过npm或yarn安装Vue2、Webpack及相关的依赖。 2. **初始化项目**：使用Vue CLI创建一个新...
搭建一个vue2项目
SSophia的博客
03-24 8275
搭建vue2项目
VUE2项目的搭建
weixin_42017221的博客
02-17 3158
搭建项目时，需要确认电脑上是否有与如何确认电脑上是否存在npm与node呢？按住win+r输入cmd打开命令提示符输入node -v 与-v来确认是否有安装。
Vue2安装教程
2302_76253244的博客
09-15 7635
Vue安装教程
vue2.0项目初始化手动配置
weixin_64378410的博客
08-09 408
使用vue-cli初始化创建项目
手动搭建vue2框架还有vue3框架
老段的优快云的博客
10-20 333
首先我是用cmd管理员运行的方式创建的vue框架（我的笔记本得需要管理员才能成功，不能直接打开cmd） 1、打开cmd，找到你想创建vue框架的路径 2、手动配置vue，前两个直接安装了，第三个是手动配置 3、我是这样配置的，留了几个常用的（空格是选中或者取消的键，进行下一步是回车键（enter） 4、这样配置 ，直接安装 5、安装成功的时候是这个样子 注意：尤其手动配置完以后会出现很多错误，我是断断续续花了两天才搞定 vue手动配置错误大全 ...
什么是Vue 3，有哪些主要的新特性？
有我更精彩的博客
10-25 2645
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。Vue 3 于 2020 年发布带来了全新的 Composition API、改进的性能、TypeScript 支持和更好的处理大型应用程序的能力。Vue 3 在保留了 Vue 2 的易用性的同时，提供了更强大的功能，为开发者在实现复杂应用时提供了更多的灵活性。
最新vue-cli 2.9.1和2.8.x版本的区别
积少成多
04-18 4464
最近vue-cli更新，用其构建项目的时候，发现bulid文件下少了两个文件，分别是dev-sever.js和dev-client.js vue-cli 2.8 vue-cli 2.9.1 这是为什么呢 我们查看下package.json vue-cli...
01、vue2初体验
最新发布
qq_60060362的博客
12-09 1208
4、data数据插入到模版语句中，可以用{{}},这是Vue框架自己搞的一个语法，叫插值语法（或叫胡子语法），可以从data根据key获取value，并且将value插入到对应的位置，注意{{}}语法是固定语法，不可以添加其他内容，例如空格{ { }}先不去了解Vue框架的发展历史，Vue框架的特点，Vue的作者，这些对于我们开发来说，没有什么特别的作用，我们先学会基本使用，然后再去详细了解它的特点，就会发现，原来如此。一旦接管到容器之后， 即使后面有相同的容器，Vue也是不管的。
vscode vue2 + volar 全局代码提示
weixin_43724473的博客
04-17 7278
vscode vue2 + volar 实现vue.prototype全局属性 智能代码提示
Vue2 vue-router安装和配置的步骤-基本路由
热门推荐
King1one1的博客
03-28 1万+
vue-router安装和配置的步骤
Vue2项目搭建与配置流程详解
而对于"vue2-master"文件名称列表，可以推断这是一个与Vue 2版本相关的项目主文件夹，Vue 2是Vue.js的一个稳定版本，它拥有一个活跃的社区，并且在许多项目中得到应用。在学习和使用Vue时，掌握其基本概念、项目设置...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值