基于VUE2项目的创建

最新推荐文章于 2024-09-02 22:34:00 发布
最新推荐文章于 2024-09-02 22:34:00 发布
阅读量528 收藏 4
点赞数 11
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzw18410121267/article/details/135480345
版权
本文详细介绍了如何使用Vue CLI创建Vue2项目。从新建项目开始，选择手动配置，包括Babel、Router、Vuex、CSS Pre-processors和Linter / Formatter等组件，并详细解释了各个选项的作用。接着，配置了项目不使用history模式，选择less预编译CSS，以及代码校验和文件生成等设置。最后，项目安装成功并启动，通过浏览器验证项目创建成功。
摘要由CSDN通过智能技术生成

第一步，如果你的电脑里安装了vue/CLI，新建项目 vue create + 项目名称

比如：vue create clancy-demo

回车后选择第三项，手动方式创建

点击回车后进入

我们把 Babel，Router，Vuex，CSS Pre-processors，Linter / Formatter都选中

Babel是ES6编译成ES5可以适配各种浏览器的，Router是管理路由的，CSS Pre-processors是样式预处理如less和sass，Vuex是项目中数据状态管理，Linter / Formatter是代码格式规范

选好后点击回车进入

这里我选择2.x

这里选 N，不使用history模式

最低0.47元/天 解锁文章
hzw13146029945
关注
基于vue-cli创建vue2项目
PY123456PY123456的博客
07-10 761
首先在要创建的vue项目的文件夹进入终端。 如图所示，在这里输入cmd进入命令提示符。基于vue-cli快速生成工程化的Vue项目： 如图所示，我创建了一个名为demo-first的vue项目。 接下来选择项目预设，这里建议手动选择需要安装的预设，选择好后按enter键进入下一步 接下来选择预设，这里只选择Babel和css预处理器就好，Router和Linter/Formatter等后面学了再选。Linter/Formatter是来约束代码风格的。（这里空格键来控制选中，enter键进入下一步） 接下
如何搭建一个vue2项目(完整步骤)
热门推荐
zzz1780340的博客
04-10 2万+
从0-1搭建一个基础的vue2项目
创建Vue2项目
wxh_huayu的博客
08-10 620
创建vue2
vue2项目的两种详细创建方式
最新发布
m0_58046281的博客
09-02 320
vue2项目创建
[Vue]Vue2.x创建项目全程讲解，保姆级教程，手把手教，Vue2怎么创建项目（上）
qq_51055690的博客
05-12 1万+
vue教程入门，vue 安装vue脚手架，安装vue-cli 使用vue脚手架 创建一个vue脚手架项目 创建一个vue2的项目 安装vue vue创建项目过程
vue2项目搭建全步骤-超级详细
肥晨开发的学习之路
08-10 1万+
出现以下界面，就是成功了12 ( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。3 ( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用4 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序。
VUE2项目的搭建
weixin_42017221的博客
02-17 2227
搭建项目时，需要确认电脑上是否有与如何确认电脑上是否存在npm与node呢？按住win+r输入cmd打开命令提示符输入node -v 与-v来确认是否有安装。
基于vue2创建的商城项目
04-12
在本项目中，我们主要探讨的是一个基于Vue2框架构建的电子商务商城应用。Vue2是一个轻量级且功能强大的前端JavaScript框架，它以其组件化、响应式数据绑定和易用性而受到开发者们的广泛欢迎。下面我们将深入解析项目...
Vue2创建项目并配置Cesium加载三维地图
03-05
1.基于Vue2 的Cesium三维地图框架; 2.已引入elementui组件 已完成对cesium的加载配置安装及测试; 3.可在该框架上开发、发布打包等; 4.该框架没有其它冗余依赖等，可以直接到项目使用，无版权控制。
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
vue2-pro-cli:创建基于vue2 + TypeScript的Webfront模板项目
05-07
Vue2-Pro-CLI创建的项目基于Vue2的官方模板，这意味着项目结构和配置遵循Vue最佳实践。模板可能包括以下部分： - `src`：源代码目录，包含组件、路由、 vuex store等。 - `public`：静态资源目录，通常存放不需处理...
Vue2学习（五）：使用Vue脚手架创建项目
阿标的博客
05-20 363
使用vue脚手架创建vue2项目
手把手搭建vue2项目（自动搭建/手动搭建）
m0_57884221的博客
06-06 921
这里项目已经创建好了 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几，回车。检查时间段 推荐第一个。
搭建vue2项目的基本步骤
木方佳学的博客
06-09 1097
为你的项目名称，你需要根据实际情况进行替换。在执行该命令后，Vue CLI 会自动下载所需的依赖并创建一个基础的 Vue.js 项目结构。Vue.js 提供了一种快速创建项目的工具——Vue CLI，我们可以通过它来创建基础的 Vue.js 项目结构和构建工具配置。以上就是 Vue.js 2.x 项目的基本搭建步骤。如果你还需要添加一些插件或者根据实际情况进行一些配置，则可以进一步修改。安装完 Vue CLI 后，我们可以使用它来创建一个 Vue.js 项目。安装 Vue CLI。
vue2项目创建流程
super_juanzai的博客
09-05 571
注意：日常开发是用开发环境的，如果发布到线上时，需要切换环境为线上。如果人为去切换也是可以的，但是会容易忘记，可以通过配置不同的运行命令来自动切换环境。步骤一：手动创建 文件 .env.development 和.env.production和.env.test几个文件。安装完成后进行二次封装，在src目录下创建一个api文件夹，其中创建api.js和http.js。.env.production如下：（正式线上环境，或者叫生产环境）一种是开发环境，就是本地开发时的环境，
vue入门级教程从零搭建一个vue项目
marendu的博客
05-24 1万+
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再...
创建一个完整的vue2项目（全网最详细【导入框架，新建页面】）
qq_22841387的博客
04-26 4835
创建一个完整的vue2 1.安装npm 官方安装地址 然后一直无脑next即可，如需要可以选择安装路径 安装之后检查一下 win+R快捷键打开运行窗口—输入cmd 查看版本号 命令： node -v npm -v 一般情况下node自带npm，但可能不是最新版本的npm 2.使用淘宝NPM镜像 命令： npm install -g cnpm --registry=https://registry.npm.taobao.org 这样我们就可以直接用cnpm来安装模块了 3.项目初始化 ①安装
vue项目搭建的完整过程（vue2）
u012858643的博客
05-15 8110
若本地已经安装vue3的vue/cli，也可以不用安装vue-cli，可以全局安装： npm i -g @vue/cli-init ，建立一个桥接工具，因为Vue CLI 2 (vue-cli) 被覆盖了，目的是使 vue2.x和vue3 兼容；输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。
ssm 项目cannot resolve package_搭建一个vue2.x项目
weixin_39956350的博客
12-13 993
前言本来是想介绍搭建shopk项目用的，结果想到商城也需要做seo，所以考虑直接使用nuxtjs搭建一个前端项目，所以本篇文章就废弃掉了，只作为介绍如何搭建一个简单的vue项目1、检查环境1.1、检查node环境node -v,查看node版本，输出v12.13.0，没有问题。 1.2、更新vue cli如果之前版本是2.x或者1.x，需要先卸载npm uninstall vue-cli -g输入...
基于vue创建的项目
05-09
基于 Vue.js 创建的项目通常是单页面应用程序（SPA）。SPA 是一种现代的 Web 应用程序设计模式，它将应用程序的所有内容加载到一个页面中，然后使用 Ajax 和 DOM 操作来动态更新页面内容，而不需要刷新整个页面。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值