创建一个Vue项目(含npm install卡住不动的解决)

目录

[1 安装Node.js](#1 安装Node.js)

[2 使用命令提示符窗口创建Vue](#2 使用命令提示符窗口创建Vue)

[2.1 打开命令提示符窗口](#2.1 打开命令提示符窗口)

[2.2 初始Vue项目](#2.2 初始Vue项目)

[2.2.1 npm init vue@latest](#2.2.1 npm init vue@latest)

[2.2.2 npm install](#2.2.2 npm install)

[3 运行Vue项目](#3 运行Vue项目)

[3.1 命令提示符窗口](#3.1 命令提示符窗口)

[3.2 VSCode运行项目](#3.2 VSCode运行项目)


1 安装Node.js

可以看我的这篇文章《Node.js的安装

2 使用命令提示符窗口创建Vue

2.1 打开命令提示符窗口

打开Vue工程需要存放的文件夹,在路径栏输入cmd并回车

2.2 初始Vue项目

2.2.1 npm init vue@latest

在命令提示符窗口输入下面这条命令:

npm init vue@latest

就可以看到:

这里的否/是 按需选择,这里全部使用默认选项 。(按键盘上的**<** 和**>**按键进行选择)

2.2.2 npm install

输入如下命令,进入项目中:

cd vue-project

注意:这里的vue-project应该为你实际的项目名称

再输入:

npm install

然后你就会看到进度条满了后,就卡在这不动了,没反应了,(;´д`)ゞ,如下:

别慌, 刷个视频等两分钟就好了,这是正常现象。还能咋解决,等呗。( ̄▽ ̄)/

Two Thousand Years Later...

现在项目就彻底创建好了

3 运行Vue项目

3.1 命令提示符窗口

在项目文件内的路径下,运行如下命令:

npm run dev

浏览器访问后就可以看到如下:

在命令提示符窗口按Ctrl+C就可以停止项目

3.2 VSCode运行项目

停止项目,在如下终端中同样按Ctrl+C

相关推荐
Q_Q5110082852 小时前
python+django/flask的眼科患者随访管理系统 AI智能模型
spring boot·python·django·flask·node.js·php
Q_Q5110082853 小时前
python+django/flask的在线学习系统的设计与实现 积分兑换礼物
spring boot·python·django·flask·node.js·php
学习3人组4 小时前
Node.js 登录接口实现
node.js
Q_Q5110082854 小时前
python+django/flask的车辆尾气检测排放系统-可视化大屏展示
spring boot·python·django·flask·node.js·php
学习3人组5 小时前
Node.js 网站服务器开发
运维·服务器·node.js
Q_Q19632884757 小时前
python+django/flask基于Echarts+Python的图书零售监测系统设计与实现(带大屏)
spring boot·python·django·flask·node.js·php
IT教程资源C7 小时前
(N_151)基于微信小程序校园学生活动管理平台
mysql·vue·前后端分离·校园活动小程序·springboot校园活动
粥里有勺糖8 小时前
视野修炼-技术周刊第126期 | TypeScript #1
前端·node.js·github
玖釉-8 小时前
解决PowerShell执行策略导致的npm脚本无法运行问题
前端·npm·node.js
Q_Q51100828511 小时前
python+django/flask的莱元元电商数据分析系统_电商销量预测
spring boot·python·django·flask·node.js·php