创建npm vue项目

已于 2022-03-08 09:48:19 修改
阅读量256 收藏
点赞数
分类专栏： JavaScript vue 文章标签： 小程序 vue
于 2021-09-06 16:29:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59735348/article/details/120136938
版权
本文档指导如何创建和启动Vue.js项目。首先，在指定文件夹中打开CMD，使用`vue create`命令创建项目，选择默认配置。接着，在项目目录下再次打开CMD，输入`npm run serve`启动开发服务器。当服务器运行成功后，复制显示的端口号到浏览器中即可预览应用。
摘要由CSDN通过智能技术生成

1.自己先创建一个文件夹，然后在所在的目录文件下搜索cmd

2.输入vue create+文件名

选择下面红色框框的内容，按回车

这样就创建成功了

3.在你刚才创建的文件目录下，搜索cmd，然后输入npm run serve

 

 成功之后会出现端口号，然后复制下面红色框框的内容到浏览器就可以看到啦

菜鸟级码农小林
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm创建vue项目
qq_41425194的博客
07-01 5606
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
用 NPM 创建一个新的项目
weixin_33941350的博客
12-21 1279
2019独角兽企业重金招聘Python工程师标准>>> ...
Node 和npm以及vue安装配置教程（超详细）
日出等日落
07-18 1410
Node.js (v22.4.1 npm 10.8.1) vue.js安装配置教程（超详细）一、安装Node(npm)需要的环境和版本发布信息Node.js 是一个免费的、开源的、跨平台的 JavaScript 运行时 允许开发人员创建服务器、Web 应用程序、 命令行工具和脚本。nvm是一种流行的运行方式。它允许您轻松切换Node.js版本，并安装新版本，以便在出现问题时尝试轻松回滚。使用旧版本测试代码也非常有用Node.js版本。
使用npm建立vue工程
weixin_52548565的博客
11-18 3648
npm 建vue项目
npm创建项目的流程
XWQ_Q7的博客
10-31 4736
npm创建项目的流程 什么是node.js?
如何创建项目
surden的博客
12-20 2008
npm（Node.js Package Manager）是一个Node.js的包管理工具，用来解决Node.js代码部署问题，只要电脑成功安装了node，npm也会自动安装在电脑上。vue cli安装成功之后，使用vue -V命令查看版本号，如果成功出现版本号即代表安装成功，我们就可以通过Vue Cli脚手架来创建项目了。在这个界面中，可以使用键盘的↑和↓方向键选择创建项目的方式，按住空格键选择某一项，再次按住空格键，取消选择，Enter进入下一界面。npm install 包名：安装指定名称的包。
使用命令行工具npm新创建一个vue项目的方法
10-18
创建Vue项目的过程中涉及的IT知识点包括...上述过程概括了使用npm和vue-cli创建一个新的Vue项目的步骤和相关知识点。开发者可以遵循这些步骤来快速搭建起一个现代化的前端开发环境，并在此基础上进行应用的开发和测试。
npm创建vue项目, axios通信, router路由, vuex状态管理
最新发布
08-20
npm ( Node.js Package Manager )命令, node 包管理工具 相当于java中的maven, 用于导入种类组件 在 Vue.js 中，Vue Router 提供了两种不同的路由模式：hash 和 history。 Axios 是一个基于 promise 的 HTTP 库，...
使用npm初始化创建vue项目
南山墓碑的Blog
04-16 5402
为什么要使用npm（自己的理解） 当年的前端都是sublime来玩，如今引入前端工程化的概念，让前端与后端分离，分离后的前端工程化，需要使用第三方管理工具进行开发过程管理。就出现了npm，Node Package Manager。 从字面我们可以理解，npm是基于node.js的，安装node.js后会自己集成npm管理工具。 玩过linux或者python的人，对npm这个命令比较不陌生，...
npm创建一个简单的项目
ZZhXuan的博客
04-24 492
npm init 然后生成一个packsge.json文件 npm install fetch-jsonp --save（这个save是npm6一下的版本需要加的） parcel打包工具 npm install -g parcel-bundler 命令： parcel index.html // 运行 https://bootswatch.com/ 里面有很多框架可以用 ...
『从零开始学vue』教你如何使用npm快速创建一个vue项目
2401_84437604的博客
07-05 596
2.2切换下载源Tips：这里会遇到安装过慢的问题2.3下载CLI3.创建vue项目养成好习惯，在c盘意外的盘符下创建存放代码项目的文件，在cmd种更改一下文件的路径然后创建vue项目3.1创建vue项目然后就会进入这个界面进行项目的配置3.2手动选择界面通过上下键移动选择，enter选中选中进入手动选择界面选择BabelRouterVuex(空格键选中/取消)下一步选中 3.x的版本下一步选择路由方式（y或n选择y)并选择最后问你是否将这次配置保存为未来项目的预设，可以选择yes。
搭建Vue项目详解（npm、yarn、cnpm）
m0_73548338的博客
02-09 1643
选择左边：Recommended For Most Users点击windows键＋R，输入cmd打开命令提示符。输入以下代码，查看node.js\npm版本，得到如下结果则表示安装完成。
npm方法创建vue.js项目
雨云21的博客
10-04 275
由于 npm 安装速度慢，我这里使用了淘宝的镜像及其命令 cnpm 淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 然后就可以使用 cnpm 命令来安装模块了： cnpm install [na
Vue学习笔记----------npm创建Vue项目
qq_31365675的博客
02-22 276
借鉴博客：https://blog.csdn.net/wing_93/article/details/78573820      安装nodejs                  https://blog.csdn.net/orange228/article/details/79365795     安装Git                   https://blog.csdn.net/...
使用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如何创建？
m0_68907098的博客
09-28 1841
npm的创建
NPM 创建Vue项目
09-13
要使用npm来创建Vue项目，你需要按照以下步骤操作： 1. 首先，确保你已经在计算机上安装了Node.js。你可以在命令行中输入 `node -v` 来检查是否已经安装。 2. 安装Vue CLI。Vue CLI 是一个官方推荐的用于快速搭建Vue项目的脚手架工具。你可以通过运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建Vue项目。在命令行中进入你希望创建项目的目录，然后运行以下命令： ``` vue create 项目名称 ``` 例如，如果你想创建一个名为"my-vue-project"的项目，可以运行以下命令： ``` vue create my-vue-project ``` 4. 在创建项目过程中，Vue CLI 将会询问你一些配置选项。你可以选择默认配置，也可以根据需要进行自定义配置。 5. 创建完成后，进入项目目录： ``` cd 项目名称 ``` 6. 启动开发服务器。运行以下命令来启动开发服务器： ``` npm run serve ``` 这将会启动一个本地开发服务器，你可以在浏览器中访问 `http://localhost:8080` 来查看你的Vue应用。 现在你已经成功创建了一个Vue项目，并且可以开始开发你的应用了！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值