npm安装vue并创建项目

最新推荐文章于 2024-08-30 17:44:27 发布
最新推荐文章于 2024-08-30 17:44:27 发布
阅读量285 收藏 1
点赞数 3
分类专栏： 笔记 文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28239511/article/details/120156620
版权

npm安装vue并创建项目

安装 nodejs

访问 nodejs.org 下载安装

使用淘宝镜像，加快包下载的速度

执行命令：

npm config set registry https://registry.npm.taobao.org

安装 vue 命令

执行以下 2 个命令

npm install -g @vue/cli
npm i -g @vue/cli-init

如出现请求错误，说明更改源未成功，先执行以下命令然后执行上述2个命令

npm install -g npm

创建 vue 项目

执行以下命令：

vue init webpack myvue

myvue 是项目名字

注意下面两个位置选 n
在这里插入图片描述
亲测可用，测试时间2021年9月7日

皮猪
关注
专栏目录
创建npm vue项目
weixin_47243325的博客
09-03 900
创建npm vue项目 1.首先下载安装一个node.js 2.自己建一个目录文件，在所创建的文件下，搜索cmd打开黑色的框框 3.安装新的包,输入 npm install -g @vue/cli 4.输入 vue create +文件名 来建立html文件（创建途中选择第一个） 5.运行方式 在vscode所要运行的文件点击右键 打开之后再点击所要运行的文件，在搜索框输入cmd 打开黑色框之后输入 npm run serve 照片中的 http://localhost:8080/
npm创建vue项目
qq_41425194的博客
07-01 5677
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
npm安装vue
hacker0825的博客
04-19 6802
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装） 开始： 如图，下载8.9.3 LTS （推荐给绝大部分用户使用） 双击安装 可以使用默认路径，本例子中自
Vue3入门 - 项目搭建和配置
最新发布
觉醒法师的专栏
08-30 1506
Vue3和Vue2相比，在多个方面展现出了其独特的优势，也存在一些缺点。Vue3在性能、TypeScript支持、组件化和模块化等方面具有显著优势，但也存在学习曲线陡峭、迁移成本高等缺点。在选择使用Vue3还是Vue2时，需要根据项目的具体需求、团队的技术栈以及项目的稳定性要求等因素进行综合考虑。
【转】安装Vue.js的方法
aishuo5474的博客
05-12 230
安装vue.js的方法 一、简介 Vue.js 是什么 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单...
使用npm安装配置vue
weixin_34138521的博客
10-17 162
npm安装很慢（国外服务器），所以一般推荐使用npm淘宝镜像cnpm，先安装下cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 安装好cnpm后，以后使用npm的地方就可以使用cnpm替代了。 3.0.5+ 安装Vue 脚手架 @vue/cli sudo npm install ...
用npm安装vue和vue-cli,并使用webpack创建项目的方法
12-12
一、npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0 ...# 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置，默认回车即可
使用NPM安装vue.js（vue-cli）详细教程
热门推荐
chongzi的博客
03-06 4万+
这篇文章借鉴此博客 文章目录安装node.js安装cnpm安装vue-cli 脚手架构建工具（必须在全局中进行安装）创建项目 安装node.js 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了 安装完之后，我们通过打开命令行工具（win+R）记得用管理员身份打开，不然下面安装可能会出错,输入node -v命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，.
UBUNTU 2204 安装 npm node nodejs vue-Cli脚手架并创建项目
kidylong的博客
03-23 578
最近学习VUE，在ubuntu 2204 上配置开发环境，涉及到npm node nodejs vue-Cli脚手架等内容，做以记录。
npm安装vue.js
weixin_45901902的博客
10-30 1914
一、npm 版本查看及升级 // 查看版本 npm -v // 升级版本 npm install -g npm 注：若npm install 报错 permission denied，使用sudo npm install -g npm 二、安装vue相关工具 1. 安装vue // 最新稳定版 npm install vue // 安装vue-cli脚手架构建工具 npm install --global vue-cli 安装完成，输入vue -V，如果出现相应的版本号，则说
npm安装Vue.js
深蓝旭的博客
08-01 605
我之前是有安装过npm的 使用淘宝 NPM 镜像 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 查看nmp版本 $ npm -v 使用 NPM 安装vue $ cnpm install vue 在命令行中快速搭建大型单页应用 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack...
npm vue安装教程
琦琦的博客
07-25 446
npm配置 已经填坑，分享给新手。 npm安装教程 https://blog.csdn.net/qq451354/article/details/65021307?locationNum=14&fps=1 npm和cnpm区别 https://www.jianshu.com/p/7a04ab6df287 ============================= 淘宝镜像安装...
npm 安装 vue
qq_17627195的博客
03-26 168
官方文档：https://cli.vuejs.org/zh/guide/installation.html 首先确定安装了node，并且配置了镜像 不会的可以看我下面的文章 windows 下 安装 NVM 各种坑 的 解析（安装步骤）附带安装全局模块：点击查看 npm 镜像配置方法：点击查看 第一步：输入下面代码，查看是否正确安装node和npm node -v npm -v 第二步：安装vue-cli # 没有配置镜像 npm install -g @vue/cli # 配置镜像 cnpm ins
npm安装教程(vue.js）
蓝叶菱的专栏
04-09 3052
https://www.cnblogs.com/goldlong/p/8027997.html首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经...
npm安装Vue&Demo运行
洛十一
01-29 266
本地安装NodeJs下载地址 https://nodejs.org/en/download/ cmd控制台 输入 npm -v 查看当前版本 C:\Users\l_dah>npm -v 6.14.10 更换淘宝镜像 npm config set registry https://registry.npm.taobao.org 配置完成后检验是否成功 npm config get registry 升级或安装cnpm npm install cnpm -g 在用 Vue.js 构建大型应用时推
npm安装教程 搭建vue
weixin_43453621的博客
08-29 1万+
npm: Nodejs下的包管理器。: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）......
npm,vue简易安装教程
随笔记录，有些许菜，莫怪莫怪
08-10 522
npm,vue简易安装教程
npm创建vue2项目
10-26
3. 在创建项目时，可以选择不同的模板，例如默认的vue2项目模板。 4. 创建完成后，使用命令进入项目目录：cd 5. 最后使用命令运行项目：npm run serve 注意：在使用npm创建vue2项目之前，需要先安装Node.js和npm。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

皮猪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值