学习NPM VUE创建项目

最新推荐文章于 2024-08-25 22:37:28 发布
最新推荐文章于 2024-08-25 22:37:28 发布
阅读量244 收藏
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HxhEi/article/details/120136284
版权

html vue.js npm

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项目
weixin_47243325的博客
09-03 898
创建npm vue项目 1.首先下载安装一个node.js 2.自己建一个目录文件，在所创建的文件下，搜索cmd打开黑色的框框 3.安装新的包,输入 npm install -g @vue/cli 4.输入 vue create +文件名 来建立html文件（创建途中选择第一个） 5.运行方式 在vscode所要运行的文件点击右键 打开之后再点击所要运行的文件，在搜索框输入cmd 打开黑色框之后输入 npm run serve 照片中的 http://localhost:8080/
npm创建vue项目
qq_41425194的博客
07-01 5660
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
npm创建项目的流程
XWQ_Q7的博客
10-31 4795
npm创建项目的流程 什么是node.js?
前端技术(五)—— 使用Node.js编写简单的项目
最新发布
kejizhentan的博客
08-25 1173
/ 导入 mysql 模块const mysql = require('mysql') // 创建数据库连接对象database: 'my_db_01' , }) // 向外共享 db 数据库连接对象//定义 SQL 语句// 根据用户的 id，查询用户的基本信息// 注意：为了防止用户的密码泄露，需要排除 password 字段更新用户基本信息where id=?重置密码更新用户头像avatarwhere id=?
如何创建项目
surden的博客
12-20 2112
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 1284
2019独角兽企业重金招聘Python工程师标准>>> ...
npm 创建 node.js 项目
Mr. David 专栏
08-26 1771
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创建项目的步骤
热门推荐
m0_51636525的博客
08-09 1万+
可以有两种创建vue的方式，一种是vue CLI脚手架，一种是vite工具。npm更新到最新版本方法 npm install -g npm。检查一下npm和node版本。
npm创建一个简单的项目
ZZhXuan的博客
04-24 495
npm init 然后生成一个packsge.json文件 npm install fetch-jsonp --save（这个save是npm6一下的版本需要加的） parcel打包工具 npm install -g parcel-bundler 命令： parcel index.html // 运行 https://bootswatch.com/ 里面有很多框架可以用 ...
npm创建工程
sjzwenzi的专栏
03-27 1392
$ mkdir myproject $ cd myproject $ npm init 系统根据你的输入生成 package.json
NPM脚手架创建项目
leva的博客
06-30 238
步骤08按回车键，设置是否保存本次设置，如果选择保存本次设置，以后再使用vue create命令创建项目时，会出现保存过的配置供用户选择。步骤07按回车键，设置如何保存配置信息，第1项表示在专门的配置文件中保存配置信息，第2项表示在package.json文件中保存配置信息，这里选择第1项，步骤02按回车键，进入模块配置界面，然后通过空格键选择要配置的模块，这里选择“CSS Pre-processors”来配置预处理器，步骤06按回车键，进入何时检查代码界面，这里选择默认的第一项，表示保存时检测，
npm如何创建？
m0_68907098的博客
09-28 1859
npm的创建
vue创建项目（npm安装→初始化项目）
weixin_41262185的博客
09-20 1286
vue创建项目（npm安装→初始化项目） 第一步npm安装 首先：先从nodejs.org中下载nodejs 官方下载地址：https://nodejs.org/en/ 图1 下载完成后，双击安装，在安装界面一直Next 直到Finish完成安装。 打开控制命令行程序（CMD）,检查是否正常 依次执行命令，结果如下图 node -v npm -v 使用淘宝NPM 镜像 大家都知道国内直接...
『从零开始学vue』教你如何使用npm快速创建一个vue项目
2401_84437604的博客
07-05 663
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项目流程
m0_55905001的博客
03-12 2387
创建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 4824
vue有两种项目创建方式，一种是下载vue.js，通过script标签引入即可；另一种通过vue-cli构建基于webpack的项目，这种项目构建发布需要部署node环境，不能以文件的方式直接打开。 1.全局安装vue命令行工具 npm install -g vue-cli 2.创建一个基于webpack模板的新项目 vue init webpack my-project 注：跟
NPM 创建Vue项目
09-13
4. 在创建项目过程中，Vue CLI 将会询问你一些配置选项。你可以选择默认配置，也可以根据需要进行自定义配置。 5. 创建完成后，进入项目目录： ``` cd 项目名称 ``` 6. 启动开发服务器。运行以下命令来启动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值