学习NPM VUE创建项目

最新推荐文章于 2025-05-18 22:30:11 发布
原创 最新推荐文章于 2025-05-18 22:30:11 发布 · 286 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #vue.js #npm

本文档详细介绍了如何在Windows环境下安装Node.js，并通过Vue CLI创建一个名为vuenpm01的Vue项目。首先，通过运行命令检查Node.js安装是否成功，然后在Code软件中创建文件夹，通过CMD命令行运行`vue create`命令创建Vue项目，最后启动项目进行本地开发。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create（官方文档）

0.首先先下载node.js----->长按windos+R

进入后输入命令

安装好，使用命令检查是否安装成功

 

如上图则是安装成功！！！

 

1.打开code软件，创建一个文件夹（命名为：vuenpm01)

2.右击文件夹，点击Reveal in File Explorer 进入vuenpm01文件

3.进入文件后，点击头部，输入cmd，按回车

 

 

 

 

4.在cmd里面输入命令 vue create +文件名 

 

5.进入新创建的文件夹（名称：hello-xiu）

6.进入文件后，点击头部，输入cmd，按回车

 

7.查询命令：npm run serve

 

HxhEi
关注
创建npm vue项目
m0_59735348的博客
09-06 310
1.自己先创建一个文件夹，然后在所在的目录文件下搜索cmd 2.输入vue create+文件名 选择下面红色框框的内容，按回车 这样就创建成功了 3.在你刚才创建的文件目录下，搜索cmd，然后输入npm run serve 成功之后会出现端口号，然后复制下面红色框框的内容到浏览器就可以看到啦 ...
使用NPM方式创建Vue3.0应用程序
pan_junbiao的博客
06-12 1009
Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
npm创建项目的流程
XWQ_Q7的博客
10-31 5169
npm创建项目的流程 什么是node.js?
简单创建vue3项目 + 初始化方法基础配置 （快速建好一个新的项目）
最新发布
qq_34007956的博客
05-18 3088
在命令行中利用npm进行简单的创建vue3项目以及安装几个常用的插件一、创建vue项目（一）安装node.js在安装node.js时会自动安装npm，可通过node -v 和npm -v 命令进行查看是否进行了相应的安装：安装node.js教程详见。
如何创建项目
surden的博客
12-20 2809
npm（Node.js Package Manager）是一个Node.js的包管理工具，用来解决Node.js代码部署问题，只要电脑成功安装了node，npm也会自动安装在电脑上。vue cli安装成功之后，使用vue -V命令查看版本号，如果成功出现版本号即代表安装成功，我们就可以通过Vue Cli脚手架来创建项目了。在这个界面中，可以使用键盘的↑和↓方向键选择创建项目的方式，按住空格键选择某一项，再次按住空格键，取消选择，Enter进入下一界面。npm install 包名：安装指定名称的包。
用 NPM 创建一个新的项目
weixin_33941350的博客
12-21 1322
2019独角兽企业重金招聘Python工程师标准>>> ...
npm 创建 node.js 项目
Mr. David 专栏
08-26 1857
package.json是创建任何node.js项目必须要有的一个文件。因为在package.json文件中，有详细的项目描述，包括：(1)项目名称：name(2)版本：version(3)依赖文件：dependencies 等等..
npm创建vue项目, axios通信, router路由, vuex状态管理
08-20
npm ( Node.js Package Manager )命令, node 包管理工具 相当于java中的maven, 用于导入种类组件 在 Vue.js 中，Vue Router 提供了两种不同的路由模式：hash 和 history。 Axios 是一个基于 promise 的 HTTP 库，...
解决Vue脚手架通过npm命令创建项目后生成文件不全的方法
HGGZBA的博客
09-17 947
要使用 Yarn 命令搭建 Vue 脚手架项目，你可以使用 Vue CLI（Vue Command Line Interface）。Vue CLI 是一个官方的工具，用于创建和管理 Vue.js 项目。这样，你就成功使用 Yarn 和 Vue CLI 创建了一个新的 Vue 项目。现在，你可以在项目中开发和构建你的 Vue.js 应用程序。：一旦 Node.js 和 npm 安装成功，你可以使用 npm 来全局安装 Yarn。这将启动开发服务器，让你可以在浏览器中访问你的 Vue 应用程序。
npm创建一个简单的项目
ZZhXuan的博客
04-24 549
npm init 然后生成一个packsge.json文件 npm install fetch-jsonp --save（这个save是npm6一下的版本需要加的） parcel打包工具 npm install -g parcel-bundler 命令： parcel index.html // 运行 https://bootswatch.com/ 里面有很多框架可以用 ...
NPM脚手架创建项目
leva的博客
06-30 365
步骤08按回车键，设置是否保存本次设置，如果选择保存本次设置，以后再使用vue create命令创建项目时，会出现保存过的配置供用户选择。步骤07按回车键，设置如何保存配置信息，第1项表示在专门的配置文件中保存配置信息，第2项表示在package.json文件中保存配置信息，这里选择第1项，步骤02按回车键，进入模块配置界面，然后通过空格键选择要配置的模块，这里选择“CSS Pre-processors”来配置预处理器，步骤06按回车键，进入何时检查代码界面，这里选择默认的第一项，表示保存时检测，
『从零开始学vue』教你如何使用npm快速创建一个vue项目
2401_84437604的博客
07-05 972
2.2切换下载源Tips：这里会遇到安装过慢的问题2.3下载CLI3.创建vue项目养成好习惯，在c盘意外的盘符下创建存放代码项目的文件，在cmd种更改一下文件的路径然后创建vue项目3.1创建vue项目然后就会进入这个界面进行项目的配置3.2手动选择界面通过上下键移动选择，enter选中选中进入手动选择界面选择BabelRouterVuex(空格键选中/取消)下一步选中 3.x的版本下一步选择路由方式（y或n选择y)并选择最后问你是否将这次配置保存为未来项目的预设，可以选择yes。
npm创建工程
sjzwenzi的专栏
03-27 1450
$ mkdir myproject $ cd myproject $ npm init 系统根据你的输入生成 package.json
npm如何创建？
m0_68907098的博客
09-28 1963
npm的创建
vue创建项目（npm安装→初始化项目）
weixin_41262185的博客
09-20 1478
vue创建项目（npm安装→初始化项目） 第一步npm安装 首先：先从nodejs.org中下载nodejs 官方下载地址：https://nodejs.org/en/ 图1 下载完成后，双击安装，在安装界面一直Next 直到Finish完成安装。 打开控制命令行程序（CMD）,检查是否正常 依次执行命令，结果如下图 node -v npm -v 使用淘宝NPM 镜像 大家都知道国内直接...
使用npm创建vue项目流程
m0_55905001的博客
03-12 2455
创建vue项目之前的配置nodejs的安装npm的配置yarn的配置 nodejs的安装 nodejs的安装网上都有，但是为了后期vue项目的创建，建议不要下载最新版本的nodejs，nodejs14完全够用了 npm的配置 配置npm全局目录位置 配置npm淘宝镜像 更新npm 下载yarn yarn的配置 配置npm和yarn的环境变量 配置yarn全局目录位置 配置yarn淘宝镜像 使用yarn添加vue包 使用npm添加@vue/cli脚手架的包 然后就可以创建vue项目了： vue create
vue2.0使用(1)：创建新项目
03-15 4859
vue有两种项目创建方式，一种是下载vue.js，通过script标签引入即可；另一种通过vue-cli构建基于webpack的项目，这种项目构建发布需要部署node环境，不能以文件的方式直接打开。 1.全局安装vue命令行工具 npm install -g vue-cli 2.创建一个基于webpack模板的新项目 vue init webpack my-project 注：跟
npm create vue创建项目教程
03-27
### 使用 `npm create vue` 命令创建一个新的 Vue 项目 #### 背景介绍 Vue 提供了多种工具用于快速搭建开发环境。对于 Vue 3 项目，推荐使用 `create-vue` 工具作为官方脚手架[^2]。该工具基于 Vite 构建，默认支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值