Vue系列(十一)之vue-cli脚手架创建项目

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

Vue-Cli

为什么需要脚手架？ 为了快速开发，我们不可能赤手空拳的写代码。使用Vue也是这样，Vue-CLI脚手架工具帮我们快速创建一个项目模版，默认包含webpack打包工具。默认配置下，我们就可以启动运行项目。

下载安装Node.js

Vue-Cli依赖node，所以我们的电脑需要下载安装node并配置环境变量。
Node官网下载Node.js
windows需要配置环境变量，方法请自行百度。
终端窗口输入：node -v查看node版本号：

node -v

在这里插入图片描述
新版本的node中包含了npm，npm是包管理工具，类似于Gradle和Maven等包管理器。npm地址
终端输入命令：npm -v 查看npm的版本号：

npm -v

最低0.47元/天 解锁文章
安妍妍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
怎么查看当前vue项目，要求的node.js版本
最新发布
还在活水泥的未来包工头
11-06 1万+
在上面的示例中，engines 属性指定了 Node.js 的最低版本为 12.0.0。这意味着，如果你想在该项目中运行 Vue CLI，你需要使用 Node.js 版本 12.0.0 或更高版本。要查看当前 Vue 项目所需的 Node.js 版本，你可以查看项目根目录下的 package.json 文件中的 engines 属性。如果你的 Node.js 版本低于项目所需版本，你需要升级 Node.js。你可以访问 Node.js 官方网站下载最新版本的 Node.js，并按照官方指南进行安装。
使用Vue脚手架Vue-CLI创建项目（命令行方法）
Aoba
08-15 1912
官方教程 小白自学笔记，仅供参考。 win+R打开Windows PowerShell 可先自建一个安装目录 输入create命令，“app”为自主命名项目 vue create app 选项选择如下 输入一下命令 cd app npm run serve 在浏览器中打开 http://localhost:8080/ 若出现以下页面即是成功 ...
脚手架创建Vue项目
Luka
06-24 714
在命令中输入以下命令创建Vue项目
vue-cli4+vue2.6.11
he3236220的博客
03-22 1086
1、创建项目 vue create 项目名 创建后自动生成node-modules，后期如果与需要的不一致，可以重新安装 2、目录结构 src assets（资源） css images components（组件） common（公共组件，可以抽离到别的项目的组件） content（当前业务相关的公共组件） views（视图） network（网络相关的文件夹） router（路由vue-router） store（vuex） common（公共js文件） 3、css初始化 no
安装指导版本vue与vue-cli
felekos的博客
11-30 326
首先确认安装node.js 此处以4.4.6版本为例，不指定会安装最新的版本 npm install -g @vue/cli@4.4.6 //指定版本 npm install -g @vue/cli //最新版本 查看vue-cli版本 vue -V vue --version 卸载vue-cli npm uninstall -g @vue/cli (3,4版本) npm uninstall vue-cli -g (2版本) 安装指导版本vue 此处以2.6.11为例 npm install vue@2.
vue中按需引入element-ui，关于版本和配置的那点事儿~
tuzi007a的博客
02-08 6942
vue中按需引入element-ui，关于版本和配置的那点事儿~读前说明版本介绍开始配置01020304相关资料 读前说明 众所周知， 在前端领域内，一个插件的小小版本号，都可能让一个大项目瞬间崩溃。 由于vue在不断升级，而ele有点小小的跟不上节奏， 导致很多人在使用中出现了各种问题，碰了不少壁。 而在@vue/cli3版本前后，配置方法是非常不一样的。 所以，本次就以常见版本为基础，梳理一下完整的配置。 版本介绍 本次使用版本： vue: ^2.6.11 @vue/cli : 4.5 elemen
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
Vue的完整学习及NodeJS等插件安装
llx522的博客
07-25 1338
在开发学习的过程当中，前后端分离是目前开发的方式，无论前端人员还是后端人员都需要学习Vue，对于后端人员而言，更加精简开发，利于开发，开发人员不用再关注视图层，而只用专注于数据的传输！...
vue---环境搭建
weixin_43606738的博客
11-14 105
首先了解如何构建vue项目 构建vue项目需要用到vue的脚手架vue-cli vue-cli为我们搭建了开发所需要的环境和生成目录的架构 vue-router路由 创建单页应用，我们的单页应用只做路由切换，组件拼凑的页面映射成路路由 vuex 状态管理 状态管理库，可以理解为全局数据集中地 注意，小项目尽量别用vuex，会显得有点繁琐，bus总线机制完全可以处理了 axios 一个经过封装的aj...
Vue2.0 新手完全填坑攻略—从环境搭建到发布——Jinkey 原创
weixin_33726313的博客
10-10 626
本文作者 Jinkey（微信公众号 jinkey-love，官网 https://jinkey.ai）文章允许非篡改署名转载，删除或修改本段版权信息转载的，视为侵犯知识产权，我们保留追求您法律责任的权利，特此声明！感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:ht...
vue2版本项目升级vue3历程
weixin_48406290的博客
03-31 891
vue2项目介绍：vue2.6.11+vuex3.4.0+element-ui2.15.10+node14.16.1。
Vue进阶——Vue CLI
秋书一叶的博客
12-05 6484
Vue进阶——Vue CLI
Vue CLI 需要 Node.js版本
qq_39273455的博客
03-21 4792
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
vue版本依赖包（vue@2.6.11 ） （vue-template-compiler@2.6.10）不匹配问题
kuguhuan的博客
02-21 1万+
解决： 把版本号改成一样的就行了 npm i vue-template-compiler@xxxxxx --save //xxxxxx为想要的版本号 //例：npm i vue-template-compiler@2.6.11 --save
vue开发过程中node和sass互相对应的版本
weixin_44870969的博客
04-19 5560
1.点击查看稳定版链接 2.点击查看拓展版链接
Vue2.6.11按需模块安装配置
ylnzzl的博客
10-01 689
Sass 示例代码： npm install sass-loader@7.1.0 --save npm install style-loader npm install node-sass@4.14.1
9. Vue-cli脚手架如何创建项目及特点
04-04
Vue-cli脚手架可以通过以下步骤创建项目： 1. 安装Node.js环境 2. 全局安装Vue-cli脚手架：`npm install -g vue-cli` 3. 创建项目：`vue init <template-name> <project-name>` 4. 进入项目：`cd <project-name>` 5. 安装依赖：`npm install` 6. 运行项目：`npm run dev` Vue-cli脚手架的特点包括： 1. 提供了多个模板供选择，如webpack、browserify等，可以根据项目需求选择合适的模板。 2. 自动化构建和打包，方便快捷。 3. 集成了Vue-router和Vuex等插件，方便项目开发。 4. 支持ES6语法和Hot-reload热更新，提高开发效率。 5. 提供了一些常用的配置选项，如端口号、打包路径等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值