使用 NPM 安装Vue并创建项目

最新推荐文章于 2024-09-22 14:57:04 发布
最新推荐文章于 2024-09-22 14:57:04 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： ASP.NET
原文链接：https://www.cnblogs.com/trnanks/p/10987248.html
版权

一、下载node.js

官方下载地址：https://nodejs.org/en/download/

选择相应版本安装

下载完成后一路next安装完成。

一般环境变量会自动添加，打开命令行测试是否安装成功

二、安装cnpm

 使用下面命令安装淘宝镜像npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待安装完成后，使用npm -v命令测试是否安装成功。

三、安装Vue

 全局安装Vue CLI 3.X版本

npm install -g @vue/cli

等待安装安成后，使用vue -V查看版本号，使用vue --help命令获取帮助。

四、创建项目

 新建目录，进入到当前工作环境。

vue create [project-name]

 

功能能选择：使用空格进行勾选，回车结束。

 细节的配置:

 

项目创建完成后，会显示启动方法。

启动项目

cd [project目录]
npm run serve

在网页显示出页面，至此vue项目创建成功。

 

 

参考：

shejiangao
关注
专栏目录
java开发环境搭建——npm、cnpm创建vue工程
qifengsunny的博客
08-25 2631
为了学习vue框架，了解到npm、nodejs。所谓工欲善其事必先利其器，二话不说先从node.js的下载安装开始，一步步搞到vue前台框架跑起来为止。前面博文已经安装好nodejs，下面开始学习npm、cnpm并使用cnpm安装vue node.js下载安装可参考教程https://blog.csdn.net/qq_15903671/article/details/82052035 安装完成...
使用NPM方式创建Vue3.0应用程序
pan_junbiao的博客
06-12 924
Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
npm创建vue项目
交小新的博客
05-04 1245
没安装npm的，可查看我另一篇文章中的第一节 安装npm及vue 进入到需要创建项目的文件夹 点击路径，执行cmd vue create 你的项目名 （项目名为小写用“-”隔开） 上下键进行选择创建的项目版本，使用空格键进行勾选，回车结束。 等待下载 运行： npm run serve 打包 npm run build ...
如何创建一个vue项目
最新发布
507834010的博客
09-22 1224
这个命令通常用于启动开发环境。它可能会启动一个带有热重载（Hot Module Replacement, HMR）功能的本地开发服务器，这样当你修改代码时，浏览器会自动刷新，而不需要手动刷新。它可能会包含更详细的日志输出，方便开发者调试。它可能不会进行代码压缩或优化，以便于开发时的快速迭代。这个命令可能是用来启动一个生产环境的服务器。它可能会构建一个优化过的版本，包括代码压缩、代码分割、去除无用代码等。它可能不会包含热重载功能，因为这是开发时的特性。
使用npm建立vue工程
weixin_52548565的博客
11-18 3837
npm 建vue项目
『从零开始学vue』教你如何使用npm快速创建一个vue项目
2401_84003115的博客
04-12 291
vue create 项目名。vue create 项目名。
VUE学习笔记_01_使用npm 创建vue项目
qq_23670719的博客
05-08 221
VUE学习笔记之1 搭建开发环境
用npm安装vue和vue-cli,并使用webpack创建项目的方法
12-12
二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装： # 最新稳定版 $ cnpm install vue 三、Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。 # 全局安装 vue-cli $ cnpm install --global vue-cli #...
使用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命令，.
使用vue-cli创建构建vue3项目（npm方式）
树上骑个猴的博客
12-28 2523
1.运行命令 vue create myproject(项目名) 2.鼠标选择 “Default (Vue 3 Preview) ([Vue 3] babel, eslint)” （如图vue3项目默认安装包括babel,eslint，如果想要自定义插件配置，则选择 “Manually select features”） 提示： Vue 3.x 的项目，需要使用 Vue cli v4.5 以上的版本 版本不够的请使用命令升级： npm install -g @vue/cli 安装完成后可以在命令行输入
新手使用npm搭建第一个官方vue（vue-cli）项目---（一）
小梁的旅程
08-18 832
一、环境搭建 假设你已经通读vue官方文档（文档都没读一遍（至少），那不建议动手撸码），在大致了解vue是什么东西，有什么用，核心概念之后我们就可以开始着手学习vue。首先搭建环境。 学习vue，我的建议是通过官手脚手架起步。 >>>Installation $ npm install -g vue-cli >>>Usage $ vue init <template-name> <project-name> >>>Exam
npm vue 的创建
id_didi的博客
02-08 236
第一步安装 vue --version 安装之后可以用查询版本命令来验证是否成功 vue --version 第二步创建 vue create 1、新建文件夹vuenpm01、点击刚创建的文件夹目录按cmd然后回车 2、输入命令、选择版本2 创建成功： 注意：<template></template>里只能有一个div 谢谢观看！ ...
学习NPM VUE创建项目
HxhEi的博客
09-06 258
https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create（官方文档） 0.首先先下载node.js----->长按windos+R 进入后输入命令 安装好，使用命令检查是否安装成功 如上图则是安装成功！！！ 1.打开code软件，创建一个文件夹（命名为：vuenpm01) 2.右击文件夹，点击RevealinFileExplorer进入vuenpm01文件 3.进...
搭建Vue项目详解（npm、yarn、cnpm）
m0_73548338的博客
02-09 1704
选择左边：Recommended For Most Users点击windows键＋R，输入cmd打开命令提示符。输入以下代码，查看node.js\npm版本，得到如下结果则表示安装完成。
使用命令创建vue.js项目
xiejunna的博客
12-31 3890
前序：开发vue项目需要借助node环境，进行以下步骤时，要先装好node环境。 推荐使用淘宝镜像安装，速度比较快，可安装在c盘，命令是： npm install -g cnpm --registry=https://registry.npm.taobao.org 安装模块时，使用 cnpm 命令来安装模块，例如：cnpm install [name]， 淘宝镜像安装好之后，安装安装webp
npm创建vue2项目
10-26
使用npm创建vue2项目的步骤如下： 1. 首先需要安装vue-cli，可以使用命令：npm install -g @vue/cli # OR yarn global add @vue/cli 2. 然后使用命令创建基础vue2项目：vue create <project-name>，例如：vue create my-project 3. 在创建项目时，可以选择不同的模板，例如默认的vue2项目模板。 4. 创建完成后，使用命令进入项目目录：cd <project-name> 5. 最后使用命令运行项目：npm run serve 注意：在使用npm创建vue2项目之前，需要先安装Node.js和npm。另外，如果之前已经安装了vue-cli 2.x版本，需要先卸载之前的版本，可以使用命令：npm uninstall vue-cli -g。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值