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

目录

1 安装Node.js

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

2.1 打开命令提示符窗口

2.2 初始Vue项目

2.2.1 npm init vue@latest

2.2.2 npm install

3 运行Vue项目

3.1 命令提示符窗口

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

相关推荐

  1. npm install 卡住六种解决方法

    2024-02-04 11:50:05       67 阅读
  2. vue创建项目

    2024-02-04 11:50:05       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-04 11:50:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-04 11:50:05       101 阅读
  3. 在Django里面运行非项目文件

    2024-02-04 11:50:05       82 阅读
  4. Python语言-面向对象

    2024-02-04 11:50:05       91 阅读

热门阅读

  1. 【leetcode热题100】矩阵置零

    2024-02-04 11:50:05       38 阅读
  2. Keras中内置的预训练模型架构介绍

    2024-02-04 11:50:05       44 阅读
  3. 在ubuntu虚拟机中安装ros2-foxy

    2024-02-04 11:50:05       49 阅读
  4. 【常见的Web前端框架——详细介绍】

    2024-02-04 11:50:05       52 阅读
  5. C/C++的输入输出 | 简单易懂

    2024-02-04 11:50:05       44 阅读
  6. Rsnapshot备份服务器

    2024-02-04 11:50:05       44 阅读
  7. 数据库-计算机三级学习记录-4DBAS功能概要设计

    2024-02-04 11:50:05       44 阅读