创建npm vue项目

最新推荐文章于 2024-06-11 02:27:16 发布
最新推荐文章于 2024-06-11 02:27:16 发布
阅读量868 收藏 2
点赞数 2
文章标签： vscode node.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47243325/article/details/120076401
版权

创建npm vue项目

https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create（官方文档）
1.首先下载安装一个node.js （https://nodejs.org/en/）

在这里插入图片描述
2.自己建一个目录文件，在所创建的文件下，搜索cmd打开黑色的框框

在这里插入图片描述
3.安装新的包,输入 npm install -g @vue/cli

在这里插入图片描述
4.输入 vue create +文件名 来建立html文件（创建途中选择第一个）

在这里插入图片描述

5.运行方式

  • 在vscode所要运行的文件点击右键

最低0.47元/天 解锁文章
Kiraaa~
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm创建vue项目
qq_41425194的博客
07-01 5519
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
Vue创建项目的步骤
m0_51636525的博客
08-09 1万+
可以有两种创建vue的方式，一种是vue CLI脚手架，一种是vite工具。npm更新到最新版本方法 npm install -g npm。检查一下npm和node版本。
使用npm建立vue工程
weixin_52548565的博客
11-18 3594
npm 建vue项目
『从零开始学vue』教你如何使用npm快速创建一个vue项目
最新发布
2401_85123714的博客
06-11 400
1.安装nodeLTS是长期支持的版本，点击这个下载然后安装到电脑查看node的版本验证是否安装成功（我之前就装了node所以不是官网的16.15.1的版本）2.安装CLI2.1命令行工具 (CLI)Vue 提供了一个，为单页面应用 (SPA) 快速搭建繁杂的。它为现代前端工作流提供了功能齐备的构建设置。只需要几分钟的时间就可以运行起来并带有，以及生产环境可用的构建版本。Vue CLI 是一个@vue/cli@vue/cli2.2切换下载源Tips：这里会遇到安装过慢的问题2.3下载CLI。
使用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新创建一个vue项目的方法
10-18
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。下面小编给大家分享使用命令行工具npm新创建一个vue项目的方法，需要的朋友参考下吧
基于脚手架创建Vue项目实现步骤详解
10-15
Vue CLI 提供了一个便捷的方式来创建、配置和管理Vue项目的模板，从而节省开发者大量的配置时间。以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue ...
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
Python Django Vue 项目创建过程详解
09-18
4. **打包Vue项目** 进入`webfront`目录，安装依赖并运行构建命令： ``` cd webfront npm install npm run build ``` 这将生成一个`dist`文件夹，包含`index.html`和`static`文件夹，它们包含了Vue应用的编译...
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI 3 的创建项目方法如下： 1. **安装Vue CLI 3**： 首先确保你的环境中已经安装了Node.js，然后通过npm全局安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. **创建项目**： 使用Vue CLI 3创建一个...
如何搭建一个vue项目(完整步骤)
热门推荐
qq_39093474的博客
09-11 2万+
这里如果选择保存的话，就要输入名字，默认就是文件夹的名字，下次配置的时候就会显示这个文件配置的选项就像上面的一样，在配置的时候会多出来一个。）下载hbuildx安装文件（已提供，无需下载），下载后，直接解压就可以使用。代码检查，选标准的就行，方向键切换，空格键选择然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了。上下方向键选择版本，这里我们选择vue2，然后回车。代码检查时间，方向键切换，空格键选择然后回车。启动成功之后，打开路径看到如下界面说明成功。通过上下方向键选择对应配置，然后回车。
Vue如何创建项目
ddddddewq的博客
05-24 1213
1、打开你nodejs所在的文件夹中---选择nodejs文件点击右键选择属性---选择安全---选择较长的users和users----选中编辑将所有的权限都允许访问。1.vue create new-project（ new-project 是项目名）创建项目，之后选择创建Vue2还是Vue3或者是手动配置（根据自己进行选择）在。然后打开环境配置，点击我的电脑右击选择属性---选择高级系统设置---高级--环境配置。2、打开你的cmd选择用管理员身份打开输入两行创建文件夹的命令。1.安装全局的脚手架。
我的第一个前端项目，vue项目从零开始创建和运行
麦小洛
01-06 2394
​入门前端，从基础做起，从零开始新建项目。VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！
vue脚手架安装及创建、运行项目教程
交小新的博客
04-09 4126
1.下载node.js 如果是window7系统: 下载安装13的版本 2).安装node.js 之后一路下一步安装即可. 3).检查node js版本 cmd中任意位置输入 node -v npm -v 进行检查 5).切换淘宝NPM库 5.1).npm install -g cnpm --registry=https://registry.npm.taobao.org 方式2: 5.2).npm config set registry https://registry.npm.taobao.org
基础Node环境以及使用npm搭建、运行VUE项目的全过程记录
本博客记录了从2014年以来在工作学习中遇到的技术问题、解决方法以及部分个人人生经历、经验等内容。
04-04 966
进行这些操作时，git bash的当前目录可以为任何目录，比如电脑桌面desktop下，使用 npm install -g @vue/cli 安装vue-cli工具，注意这里一些老的文档上仍然是使用 npm install --global vue-cli 命令安装vue-cli工具，会报错npm WARN deprecated。开发环境需要安装node.js。-rw-r--r-- 1 Administrator 197121 460272 九月 16 06:55 package-lock.json。
NPM 创建Vue项目
09-13
要使用npm来创建Vue项目，你需要按照以下步骤操作： 1. 首先，确保你已经在计算机上安装了Node.js。你可以在命令行中输入 `node -v` 来检查是否已经安装。 2. 安装Vue CLI。Vue CLI 是一个官方推荐的用于快速搭建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值