使用vue脚手架快速搭建vue 2项目

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

简单了解vue-cli

官网地址:https://cli.vuejs.org/zh/guide/browser-compatibility.html

前提

1.安装node(js代码的运行环境)、npm；
2.全局安装vue-cli;

命令创建项目

vue create hello-word
在这里插入图片描述
等待项目创建成功即可

开发工具打开刚刚创建的项目

项目结构如图所示在这里插入图片描述

启动项目

针对cli的项目，直接 npm run serve
在这里插入图片描述
在这里插入图片描述

当前项目引入element-ui框架

使用命令引入element-ui框架

npm i element-ui -S

入口文件

对于cli项目，入口文件为main.js

安装完element-ui框架之后，需要在入口文件进行引入

在这里插入图片描述

blabla赞
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用vue-cli脚手架创建vue2项目
qq_51284317的博客
07-06 1142
使用vue-cli脚手架创建vue2项目
详解使用vue脚手架工具搭建vue-webpack项目
08-30
详解使用 Vue 脚手架工具搭建 Vue-Webpack 项目 知识点 1: Vue.js基础知识 在开始使用 Vue.js 前，我们需要了解 Vue.js 的基本概念。Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。其核心思想是将...
用脚手架新建一个vue2的项目
sinat_34896766的博客
01-05 1172
2、在项目新建路径的外层文件夹下打开cmd，输入vue create 项目名(需要安装node，node安装完成后，可用node -v查看安装版本。项目名不能包含大写母，否则会提示以下错误。注意此时的v是大写的V。
vue-cli 2.x搭建项目
小青柑的博客
05-17 206
创建一个vue项目: 1,全局安装vue命令行模块 vue-cli npm install vue-cli -g 注意:vue-cli 依赖于webpack,在使用vue-cli之前,先安装webpack npm install webpack -g 2,创建项目文件夹,并在这个文件夹下打开命令行 3,初始化一个vue项目 vue init webpack 注意: 其中Eslint 选项是代码格式校验工具, 要选择NO ,否则会以严格模式校验代码, 如: 注释//后必须有且只有一个空格, 否则
使用vue脚手架，如何新建一个vue2项目
qq_57676486的博客
04-11 866
2. Vue 脚手架隐藏了所有 webpack 相关的配置，若想查看具体的 webpakc 配置，1. 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry。1. Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。版本要求：Vue的版本根据个人需要，脚手架是向下兼容的使用最新版本即可。请执行：vue inspect > output.js。第一步（仅第一次执行）：全局安装@vue/cli。2. 最新的版本是 4.x。，然后使用命令创建项目。
Vue2 通过脚手架（cli）创建项目方式
weixin_45703831的博客
04-30 931
【注意，创建的文件夹名字最好不要与项目名同名】
使用vue-cli（vue脚手架）快速搭建项目的方法
10-18
本篇文章主要介绍了使用vue-cli（vue脚手架）快速搭建项目的方法，vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，感兴趣的小伙伴们可以参考一下
vue脚手架搭建项目及vue学习
最新发布
06-06
Vue CLI是一个官方提供的强大脚手架工具，用于快速搭建Vue项目。通过运行`npm install -g @vue/cli`全局安装CLI，然后使用`vue create project-name`命令创建新项目。这会自动配置项目结构，包含必要的依赖和配置...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
在搭建Vue项目之前，首先确保你的计算机上安装了Node.js。你可以访问[Node.js官网](https://nodejs.org/en/download/)下载并安装。安装完成后，通过命令行工具（如Windows下的CMD或Git Bash）运行`node -v`命令检查...
《基础篇第4章：vue2基础》：使用vue脚手架创建项目
刘大猫
05-27 966
文章目录4.1初始化脚手架4.1.1说明4.1.2具体步骤4.1.3模板项目的结构4.1.4 创建第一个vue项目分析index.html组成部分4.1.5render函数4.1.6修改默认配置 4.1初始化脚手架 4.1.1说明 Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 最新的版本是4.x 官网文档：https://cli.vuejs.org/zh/ CLI：Command Line Interface 4.1.2具体步骤 第一步（仅第一次执行）：全局安装@vue/cli。.
如何创建一个Vue项目（Vue2脚手架的安装）
热门推荐
m0_48806387的博客
12-29 1万+
安装脚手架 如何创建vue项目
Vue2脚手架创建项目
qq_39593914的博客
04-11 4410
Vue2脚手架创建项目 一、使用脚手架 1.安装 @vue/cli ​ 简述 cli ===> command line interface (命令行接口) // 安装 npm install -g @vue/cli # OR yarn global add @vue/cli // 升级 npm update -g @vue/cli # OR yarn global upgrade --latest @vue/cli // 版本查看 vue --
VUE脚手架项目（二）
weixin_45001033的博客
07-23 124
什么是VUE脚手架，与html的区别 之前以html的形式的Vue.js是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互 脚手架工具搭建的项目是把Vue作为一个模块,载入模块对待;在源码中引入vue模块，最终需要用构建工具载入模块；编写的文件以vue格式结尾，用Vue全新的方式进行统一的管理项目 vue中的模
创建一个vue2的脚手架项目（超详细）
adminsir0的博客
10-10 6493
vue，vue2，脚手架，目录，npm，node，vue项目
Vue2使用脚手架创建项目
codefan※的博客
07-18 2503
先解释一下关于脚手架的概念        可以理解为像我们盖房子，需要打牢地基，也就是做一些前提准备工作，例如webpack的配置文件、node一些包的下载等等，形成项目的基本构架，这样就大大提高了项目的开发效率。试想一下，如果在你想要写一个项目的时候，需要你自己配置这些东西，心态先崩掉 前提准备——脚手架安装 可以使用编译器的终端或者cmd：npm install @vue/cli(@version) -g 建议安装cli3以上，不然
1.使用vue cli搭建vue2.x项目脚手架
你好洋一
06-18 530
文章目录1. 前提条件2. 创建vue项目3. 启动创建好vue脚手架项目 1. 前提条件 检查node环境 vue cli使用需要用到node.js，检查node.js是否安装成功 # 查看node版本 node -v # 查看npm版本 npm -v 安装vue-cli npm install -g @vue/cli 安装完成之后，通过vue命令来验证是否安装成功 2. 创建vue项目 第一步：vue create 项目名 由上图，我们可以看到，有三个选项 ①默认配置Vue2;
Vue脚手架（安装vue2/vue3）
haonan_z的博客
03-30 2241
一、node、npm安装及使用 1、安装node、npm 直接在官方网站中下载安装 安装完成检查是否安装成功 node -v npm -v 使用taobao镜像（新镜像）加速 npm install -g cnpm --registry=https://registry.npmmirror.com 2、安装vue-cli2 卸载vue3.X+（如果安装过） npm uninstall -g @vue/cli 安装vue2 npm install vue-cli -g 检查是否安装成功 vue -V
VUE2安装脚手架
cunning_of_fox的博客
08-03 420
vue2安装脚手架
【Vue 2】快速构建Vue2项目
Decade_Faiz的博客
09-22 319
​ 运行成功点击终端出现链接即可访问刚创建的vue2项目，默认占领8080端口。​ 选择是否保存为新预设，如果保存可以下次创建时使用。​ 现在可以关闭浏览器，找到项目创建路径，打开终端运行。权限打开窗口运行命令，接着弹出如下窗口。​ 创建项目成功，显示如下画面。​ 点击创建，跳到下一个页面。​ 快速构建vue项目。
使用Vue脚手架快速创建和启动Vue工程项目的步骤
Vue脚手架（Vue CLI）是Vue.js官方提供的一个命令行工具，用于快速搭建Vue.js项目。要安装Vue脚手架，首先确保已安装Node.js环境，然后在命令行中使用npm全局安装Vue CLI： ```bash npm install -g @vue/cli ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值