首页>>前端>>Node->nodejs安装脚手架?

nodejs安装脚手架?

时间:2023-11-30 本站 点击:0

别人安装脚手架怎么在idea上用

1、下载nodejs。

2、安装node。

3、安装脚手架。

4、使用脚手架,创建第一个vue程序。

5、idea里面使用直接open项目的文件夹,选中你的vue程序文件夹。

react.js的ant design Pro 不知道怎样依靠npm安装脚手架?

一、安装最新的node.js

原博文是这样写说的

npm install -g n //首先安装n模块 

n stable //升级node.js到最新稳定版 

n 5.0.0 //或者指定版本升级 

node -v //检查更新是否成功

我自己是去重新下了一个最新版的node.js

二、修改npm源为淘宝源

npm config set registry “”

加快npm下载速度,不这样做的话npm install会卡很久。

三、安装脚手架

首先确保自己安装了nodejs,然后全局安装yeoman

npm install -g yo

然后直接安装脚手架

npm install -g generator-reactpackage123456

四、创建React项目

在合适的地方新建一个文件夹,在文件夹下运行:

yo reactpackage12

然后就会在此目录下生成以下目录结构:

├── data

│ └── test.json├── src

│ ├── components

│ │ └── App.js│ ├── images

│ │ └── yeoman.png│ ├── styles

│ │ └── app.scss│ ├── vendor

│ │ └── jquery.js│ ├── views

│ │ └── home.html├── node_modules

├── index.html├── package.json└── webpack.config.js1234567891011121314151617181920

五、调试打包React项目

然后使用以下命令:

npm run dev //项目开发过程使用,启动服务,实时刷新npm run build //开发完成之后打包文件(js、css分开打包)123

六、测试预览项目

本项目默认监听端口是8888,所以在浏览器输入 ,或者index.html-右键打开方式-chrome 就能看到效果了

如果执行上述命令提示错误:Error: getaddrinfo ENOTFOUND localhost,在host文件里面添加127.0.0.1 localhost即可

监听端口和实时刷新的功能都能在webpack.config.js文件中修改配置123

Mac 系统配置Vue开发环境

首先安装nodejs

终端输入:brew install nodejs  或者直接官网手动安装。 node -v 查看 nodejs版本

注:网上说使用终端安装会需要nodejs模块安装目录的权限,运行:sudo chmod -R 777 /usr/local/lib/node_modules/

3、安装npm (淘宝镜像)

终端输入:npm install -g cnpm --registry=

4、安装webpack

cnpm install webpack -g

5、安装vue脚手架(自动搭建vue项目框架的工具)

sudo npm install -g vue-cli。静待。

输入vue或者vue list,可vue是否安装成功。

安装vue cli之后没有vue.cmd

如图所示

针对第一种情况:

① 配置path

输入命令

复制得到的路径信息,在系统变量中新建变量 NPM ,然后在系统变量中找到path,添加 %NPM% ,然后保存。

② 再次安装

针对第二种情况:

①先配置路径

在nodejs安装目录中找到 .npmrc文件

添加内容

② 安装脚手架

② 安装后打开 E:\develop\nodejs\global,能够找到vue.cmd

查看vue cli版本


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Node/4221.html