别人安装脚手架怎么在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版本
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
