时间戳

首页 > 解决方案 > 创建一个简单的静态页面并通过 NPM 安装和启动

html - 创建一个简单的静态页面并通过 NPM 安装和启动

问题描述

我正在尝试使用 CSS/JS 创建一个简单的 HTML 页面并使用 npm。

目标是创建一个简单的页面，只需使用“npm install”和“npm start”即可调用。

例如，我将创建一个包含 HTML、Vue.js、CSS 等的页面，没有后端代码，并放在我的 github 中。朋友会在他的电脑上打开，只需“npm install”和“npm start”或“npm start”，浏览器就会打开html页面。

我不知道我需要做什么，我从来没有使用过 npm。

谢谢！

标签： htmlnode.jsnpmvue.js

解决方案

你应该看看vue-cli。它可以让你做你想做的事： https ://github.com/vuejs/vue-cli/blob/dev/docs/README.md#cli

你需要在你的机器上安装 node 和 npm。为此安装： https ://nodejs.org/en/

然后在您的终端中，您可以通过执行以下操作确认它已安装： node -v 和 npm -v. 如果您想了解这部分的更多信息，请参阅 npm doc：https ://www.npmjs.com/get-npm

然后在终端中，安装 vue-cli，并创建你的项目。 npm install -g @vue/cli vue create my-project

安装项目npm install后，请执行以下操作npm run dev

您应该能够在终端中显示的 url 在浏览器中看到您的基本 vue.js 应用程序。

推荐阅读