【前端】下载node.js与vue cli创建项目流程

已于 2023-03-08 20:04:10 修改
阅读量257 收藏
点赞数
分类专栏： 前端 安装 学习笔记 文章标签： vue.js 前端 javascript
于 2022-09-04 03:20:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sh1307212321/article/details/126685063
版权
学习笔记 同时被 3 个专栏收录
13 篇文章 0 订阅 ¥9.90 ¥99.00
订阅专栏 超级会员免费看
安装
8 篇文章 0 订阅 ¥19.90 ¥99.00
订阅专栏 超级会员免费看
前端
6 篇文章 0 订阅
订阅专栏
本文介绍了如何下载node.js，然后通过vue-cli创建一个Vue.js项目。在下载并安装node.js后，通过命令行工具创建Vue项目，选择Vue 2版本，禁用Eslint和Babel，选择Less作为CSS预处理器，并成功运行项目。
摘要由CSDN通过智能技术生成

一、首先下载node.js

下载node.js:

  • 进入node.js官网:http://nodejs.cn/

  • 第一个：选项是稳定版，第二个：选项是最新版

  •  

  • 推荐选择第一个，下载后在控制台测试:npm -v,显示版本信息即成功

二、下载VUE和VUE-cli脚手架

下载VUE：
npm i -g vue 
下载VUE-cli脚手架：
npm i -g @vue/cli

三、在想要创建的位置

了解本专栏 订阅专栏 解锁全文 超级会员免费看
不倒翁玩偶
关注
专栏目录
订阅专栏
Node.js 与 Vue CLI 脚手架的安装，构建 vue 前端项目
weixin_38171468的博客
12-28 580
前言 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 一、Node.js及Vue CLI 脚手架的安装 2.1 安装Node.js 附上 Vue 的...
Vue学习笔记(一)：从零开始创建一个Vue前端项目
热门推荐
江夏、的博客
09-02 1万+
一、开篇 最近公司的老的项目重构，改成了前后端分离的架构，前端采用的是vue.js前端框架，所以接触到vue.js。 Vue.js是当下很火的一个JavaScript MVVM(Model-View-ViewModel)库，它是以数据驱动和组件化的思想构建的。相较于其他的前端框架，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用。Vue.js不同于以前的jQuery操作DOM，因为Vue.js是数据驱动的，所以无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起
vue-cli创建项目流程
sunxiaobai1的博客
02-11 146
文章作者: 没有梦想的coder 文章連結: https://blog.csdn.net/liyunkun888/article/details/83025789 版權聲明: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 一、安装node.js 去官网下载安装node.js https://nodejs.org/en/ 或者可以去node.js中文网下载 http://nodejs.cn/download/ 安装完成以后通过命令行工具输入 node -v 查看安装的node.j.
vue-cli搭建项目过程
最新发布
2302_78078800的博客
08-25 1915
前端js框架 vue-cli的使用
【vue】使用Vue-cli搭建项目流程（从零开始）
hello world_
10-12 2777
一、安装node.js 去官网下载安装node.js https://nodejs.org/en/ 或者可以去node.js中文网下载 http://nodejs.cn/download/ 安装完成以后通过命令行工具输入 node -v 查看安装的node.js版本 命令行工具输入 npm -v 查看安装的npm（包管理工具）版本 如果出现类似下面截图中的版本号 证明安装成功 二、安装cnp...
vue微商城项目源码-vue-shop（适用于Node.js 10.x）.zip
06-06
通过理解项目的结构、配置和流程，开发者可以学习到Vue.js的组件化开发、路由管理以及与Node.js后端的协作方式，进一步提升全栈开发能力。在实际操作过程中，注意保持前后端的版本一致性，以确保项目正常运行。
无关注社交webapp，学习项目开发的整个流程，基于Node.js+vue-cli3.0+MySQL，实现前后端分类.zip
02-23
项目的核心技术栈包括Node.js、vue-cli3.0和MySQL，这三者分别代表了后端开发、前端开发和数据库管理的重要组件。 首先，我们来探讨Node.js。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在...
vue.js和vue.min.js
06-13
在大型项目中，开发者通常不会直接使用vue.js或vue.min.js，而是结合Webpack或其他构建工具，利用Vue CLI来创建项目，这些工具会自动处理代码分割、按需加载、压缩等工作，生成更适合生产环境的优化后的Vue应用。...
使用vue-cli搭建项目的流程
weixin_45378485的博客
08-08 215
一、首先检查node版本和npm版本 1、打开控制台输入 node -v 查看vue版本，输入 npm -v 查看版本； 2、安装 淘宝镜像，也可以选择不安装，但是下载包的时候会很慢； 3、 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装淘宝镜像； 二、全局安装webpack和vue-cli 1、输入c...
VUE CLI 前端项目创建
weixin_42108319的博客
06-17 98
node JS执行引擎 npm nodeJS平台默认的包管理工具 cnpm 国内镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org vue-cli （命令行界面）https://cli.vuejs.org/guide/ 使用cnpm 安装vue-cli cnpm install -g vue-cli 使用vue-cli构建项目 vue init webpack 按照默认的配置进行配置即可，写好...
构建前端项目
weixin_34387468的博客
12-03 368
分离 为什么需要 “前后端分离、web服务器与static服务器分离”: 前端与后端耦合 (需求) 自动化、工程化的构建前端的代码 (基础条件) 模块化、组件化，项目共享代码 (过程) 浏览器运行速度 (硬件) 前后端分离具体： 工程分离 数据流分离 web服务器与static服务器分离: web 服务器：存放运行后端 web ...
vue-cli2创建项目流程
佳人与北的博客
03-29 1489
为什么使用vue-cli：算法结构、本地测试、代码部署、热加载、单元测试 1.下载安装node.js 官网：https://www.nodejs.cn 下载完成后安装，记住安装的位置，因为要配置path变量 安装完成后启动命令行 输入 node -v ,查看是否可以使用此条命令，若不能就要去配置环境变量 配置环境变量，把nodejs安装的路径复制下来，此电脑右键属性，找到系统...
前端项目构建
qq_34579060的博客
07-17 410
Vue项目使用webpack来构建。首先确保本地已经安装了NodeJS，然后在CMD中执行以下的命令，可以创建并启动一个boot项目： npm install -g vue-cli vue init webpack boot 启动： cd boot npm run dev 使用IDEA打开： 找到index.js 更改port端口 选中NPM:...
前端项目搭建
qq_56797899的博客
06-02 1066
前端框架搭建
使用 vue-cli 创建项目详细步骤
Tom_slg的博客
01-17 1006
使用 vue-cli 脚手架，创建 vue 项目
全栈开发教程：Node.js与Vue.js项目实战
资源摘要信息: "node+vue全栈开发博客项目.zip" 本压缩包文件提供了一个使用Node.js与Vue.js进行全栈开发的博客项目实例，该项目不仅涉及前端开发，还包含了后端处理，体现了全栈开发的核心理念。在这个项目中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值