如何用npm搭建vue项目

已于 2024-04-17 23:09:56 修改
阅读量236 收藏
点赞数 2
文章标签： npm vscode vue.js
于 2024-04-12 09:31:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suhuwbisn/article/details/137666658
版权
本文详细介绍了如何在VScode中通过配置Powershell并执行npm命令，一步步指导读者创建、安装依赖和运行Vue项目的过程。
摘要由CSDN通过智能技术生成

1.在VScode中打开建好的文件夹

2.点击设置旁边的三角形小图标

3.点击端口，并添加powershell

4.在终端输入命令npm create vue@latest 并回车

5.输入项目名称，并一直回车直到出现三条命令

6.依次输入cd vue 回车 npm install 回车 npm run dev回车（注：输入第二条语句后要等待资源管理器中出现项目文件后再输入第三条语句）

7.Ctrl+鼠标左键点击此网址，完成搭建

<R>
关注
12.（开发工具篇vscode+git）vscode 不能识别npm命令
地图之家
07-24 1329
12.（开发工具篇vscode+git）vscode 不能识别npm命令
npm创建vue项目
qq_41425194的博客
07-01 5702
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
如何创建一个vue项目
最新发布
507834010的博客
09-22 1160
这个命令通常用于启动开发环境。它可能会启动一个带有热重载（Hot Module Replacement, HMR）功能的本地开发服务器，这样当你修改代码时，浏览器会自动刷新，而不需要手动刷新。它可能会包含更详细的日志输出，方便开发者调试。它可能不会进行代码压缩或优化，以便于开发时的快速迭代。这个命令可能是用来启动一个生产环境的服务器。它可能会构建一个优化过的版本，包括代码压缩、代码分割、去除无用代码等。它可能不会包含热重载功能，因为这是开发时的特性。
『从零开始学vue』教你如何使用npm快速创建一个vue项目
2401_84437604的博客
07-05 809
2.2切换下载源Tips：这里会遇到安装过慢的问题2.3下载CLI3.创建vue项目养成好习惯，在c盘意外的盘符下创建存放代码项目的文件，在cmd种更改一下文件的路径然后创建vue项目3.1创建vue项目然后就会进入这个界面进行项目的配置3.2手动选择界面通过上下键移动选择，enter选中选中进入手动选择界面选择BabelRouterVuex(空格键选中/取消)下一步选中 3.x的版本下一步选择路由方式（y或n选择y)并选择最后问你是否将这次配置保存为未来项目的预设，可以选择yes。
使用npm建立vue工程
weixin_52548565的博客
11-18 3822
npm 建vue项目
Vue使用NPM方式搭建项目
10-17
在当今快速发展的前端开发领域，Vue.js已经成为一个非常流行的前端框架，而npm（Node Package Manager）作为Node.js的包管理工具，对于Vue...希望本文能够为那些准备使用npm搭建Vue项目的开发者提供详实的参考和指导。
npm+Vue.js搭建Vue前端项目
weixin_42697449的博客
12-05 966
npm+Vue.js搭建Vue前端项目 一、相关概念 1.Node.js ：就是运行在服务端的 JavaScript，是一个基于Chrome JavaScript 运行时建立的一个平台，是一个事件驱动I/O服务端JavaScript环境 2.npm：Nodejs下的包管理器 3.webpa...
webpack-vue:使用webpack搭建vue项目
05-09
使用webpack搭建vue项目 1.创建一个空项目 npm init -y 2.下载webpack，webpack-cli 目前可以使用webpack5不过还是建议使用webpack4 npm i webpack@4.44.2 webpack-cli@3.3.11 -D 3.配置webpack 1.根目录下创建...
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.js项目
xiejunna的博客
12-31 3888
前序：开发vue项目需要借助node环境，进行以下步骤时，要先装好node环境。 推荐使用淘宝镜像安装，速度比较快，可安装在c盘，命令是： npm install -g cnpm --registry=https://registry.npm.taobao.org 安装模块时，使用 cnpm 命令来安装模块，例如：cnpm install [name]， 淘宝镜像安装好之后，安装安装webp
01-npm指令创建vue项目
我们的目标是星辰大海！
03-07 227
01-npm指令创建vue项目
Vue项目创建指令
YJH15888673903的博客
01-11 554
【代码】Vue项目创建指令。
使用NPM方式创建Vue3.0应用程序
pan_junbiao的博客
06-12 916
Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
Vue-7.命令创建Vue项目
yueerba126的博客
08-15 3876
创建一个简单的 Vue 项目需要使用 Vue CLI（命令行界面）。Vue CLI 是一个用于快速构建 Vue.js 项目的工具，它可以帮助你设置项目的基本结构、配置以及开发环境。
NPM 创建Vue项目
09-13
Vue CLI 是一个官方推荐的用于快速搭建Vue项目的脚手架工具。你可以通过运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建Vue项目。在命令行中进入你希望创建项目的目录，然后运行以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值