Question

this is folder structure 我有一个npm安装文件夹，当我复制该文件夹并在桌面上运行时它无法正常工作。我使用npm run ds来运行服务器并查看网站。

我的桌面没有npm。安装npm文件夹并运行react.js网站的步骤是什么？

Answer 1

使用Npm简单的hello world设置React.js环境

1.mkdir foldername

2.cd foldernmae

3.npm init

安装和配置Webpack npm i webpack -S

触摸webpack.config.js

按如下所示更新配置文件

 var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  }
};

module.exports = config;

然后创建索引，js文件，并在./src/client/app中添加以下代码 console.log（＆＃39; Hello World！＆＃39;）;

现在在终端中运行以下命令

./ node_modules / .bin / webpack -d

Answer 2

使用终端/ cmd提示转到桌面并执行npm install

Answer 3

＆＃34;我的桌面没有npm＆＃34;

可能你也没有Node.js。

嗯，首先，先安装Node.js.您将需要Node.js在桌面上运行JavaScript。

<强>窗：

从https://nodejs.org/en/download/

下载.msi安装程序

Debian / Ubuntu：

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs

对于任何其他操作系统，这里的步骤将在https://nodejs.org/en/download/package-manager/

中解释

如果您按照上述步骤操作，系统上也会自动安装npm (Node Package Manager) 。

现在，如果您运行node -v，您将看到已安装的Node.js版本。

同样，npm -v会显示您当前的npm版本。

在此之后，您可以转到项目文件夹并运行npm install。

文件夹中的

npm install将扫描package.json并在本地安装所有依赖项。

参考您的package.json＆＃34;脚本＆＃34;，

  "scripts": {
    "start": "NODE_ENV=development webpack-dev-server --inline --content-base"
     ...
   }

如果您有类似的内容，请运行npm run start以启动您的应用。

如何在文件夹中安装npm

3 个答案: