使用npm创建vue项目流程

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量2.3k 收藏 2
点赞数
文章标签： npm vue.js javascript yarn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55905001/article/details/123444047
版权

创建vue项目之前的配置

nodejs的安装

nodejs的安装网上都有，但是为了后期vue项目的创建，建议不要下载最新版本的nodejs，nodejs14完全够用了

npm的配置

配置npm全局目录位置
配置npm淘宝镜像
更新npm
下载yarn

yarn的配置

配置npm和yarn的环境变量
配置yarn全局目录位置
配置yarn淘宝镜像
使用yarn添加vue包
使用npm添加@vue/cli脚手架的包
然后就可以创建vue项目了：
vue create 项目名

yarn和npm环境变量点击这里！
yarn和npm全局目录位置点击这里！
npm和yarn的淘宝镜像点击这里！

yangwenguangywg
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用npm初始化创建vue项目
南山墓碑的Blog
04-16 5370
为什么要使用npm（自己的理解） 当年的前端都是sublime来玩，如今引入前端工程化的概念，让前端与后端分离，分离后的前端工程化，需要使用第三方管理工具进行开发过程管理。就出现了npm，Node Package Manager。 从字面我们可以理解，npm是基于node.js的，安装node.js后会自己集成npm管理工具。 玩过linux或者python的人，对npm这个命令比较不陌生，...
npm创建vue项目
qq_41425194的博客
07-01 5494
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
npm使用介绍
weixin_61625219的博客
03-25 4102
npm：npm是一个网站，用于托管所有的包，方便开发者发布包和获取包npm：Node.js Package Manager(npm包管理工具)，这个包管理工具随着node.js的安装包一起被安装到用户电脑上，可以使用npm工具提供的命令管理包的下载、更新、卸载、发布……npm -v // 查看npm包管理工具版本号npm是网站，也是一个管理所有包的工具npm规定，在项目根目录下，必须有一个包管理配置文件package.json，用来记录项目中安装了哪些包。
使用npm建立vue工程
weixin_52548565的博客
11-18 3562
npm 建vue项目
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 1871
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
『从零开始学vue』教你如何使用npm快速创建一个vue项目
一个专注于客户端开发的技术er，不定期更新Android，Flutter，HormonyOS等方向的使用心得和感悟
06-11 5040
node的官网地址：Node.js (nodejs.org)LTS是长期支持的版本，点击这个下载然后安装到电脑查看node的版本验证是否安装成功（我之前就装了node所以不是官网的16.15.1的版本） 2.1命令行工具 (CLI) Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了功能齐备的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。 养成好习惯，在c盘意外的盘符下创建存放代码项目的
Vue初学之使用npm搭建Vue环境
小小默：进无止境
01-15 1万+
这里系统是windows，先安装node(新版的Node.js已自带npm)，然后使用npm安装vue，这里没有使用nvm。 【1】node安装 官网地址：https://nodejs.org/en/download/ 下载后傻瓜式安装即可，具体教程可以参考：node.js安装配置 默认会配置node和npm的环境变量： 安装后会自动提示如下，这里可以直接关闭窗口。 我们可以看到环境变量...
如何创建Vue项目
YMYYZ的博客
01-10 1万+
创建Vue项目
使用命令行工具npm新创建一个vue项目的方法
11-29
$ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project $ vue init webpack test //输入命令 ? Project name (test) test ? Project name test ? Project
Vue使用vue-cli创建项目
08-29
Vue 使用 vue-cli 创建项目 ...使用 vue-cli 创建项目可以快速开始新的 Vue 项目，Mint_UI 框架和 vue-router 可以帮助开发者快速构建应用程序的界面和路由管理，而 Vuex 则可以帮助开发者管理应用程序的状态。
vscode新建一个最简单的vue项目
09-27
接下来，我们将分步介绍创建Vue项目的步骤。 **一、安装必要工具** 首先，确保你已经安装了Node.js，因为Vue项目依赖于npm或yarn来管理依赖。同时，下载并安装Visual Studio Code。在VSCode中，我们需要安装以下两...
vue项目中使用天地图
01-08
2.创建自己的vue项目，这里就不说了 3.将 引入到你项目中的index.html文件中 4.创建map.vue文件 <!-- 点击画多边形 --> export default { data(){ return{ } }, created(){ }, mounted(){ ...
使用vue-cli创建项目的图文教程(新手入门篇)
08-27
本文主要介绍了使用 Vue CLI 创建项目的图文教程，旨在帮助完全不了解 Vue 和 npm 的小白快速入门。下面是相关知识点的详细解释： 一、安装 Node.js 和 npm * Node.js 官方网址：http://nodejs.cn/ * 下载并安装 ...
npm安装教程 搭建vue
热门推荐
weixin_43453621的博客
08-29 1万+
npm: Nodejs下的包管理器。: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）......
vue项目快速搭建（详细步骤）
L499135的博客
09-03 2147
vue项目快速搭建，包含vue2到vue3（超详细图解）
使用npm创建vue项目（超详细）
M1234uy的博客
07-29 1万+
文章目录 一、创建项目环境 创建项目前需要配置vue环境，搭建vue环境参考，若已经搭建好则继续运行 二、创建Vue项目 使用 CMD 进入 创建vue 文件夹 举例：在 E盘 VueProject文件夹里创建项目 cd E:\VueProject e: 创建项目命令 vue init webpack vuedemo01 vue init webpack vuedemo01 --vuedemo01 为文件名 使用 VSCode 打开 vuedemo01 文件夹 点击“终端”，选择新终
npm创建vue3项目
08-16
要使用 npm 创建 Vue 3 项目，你需要先安装 Node.js 和 npm。安装完成后，可以按照以下步骤创建 Vue 3 项目： 1. 打开命令行终端并进入你想要创建项目的目录。 2. 运行以下命令来创建一个新的 Vue 3 项目： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值