- 软件配置
- webstorm
注:以下所有操作(包括丹丹老师的文档)都要连接自己的热点
- Nodejs安装:
在D:\Program Files下新建文件夹nodejs;
前往nodejs官网下载;
然后点击安装,选择自己要安装的路径,选择的是:D:\Program Files\nodejs,安装至完成。 (就一直点next就好了);
-
window+R,输入cmd,打开管理员命令提示符窗口 (是以管理员身份运行),如下图所示:
-
输入npm –v
-
环境变量配置:
分别输入(可以复制)
npm config set prefix “C:\Program Files\nodejs\node_global”
npm config set cache"C:\Program Files\nodejs\node_cache"
完成后会在文件夹中看到有node_global文件夹(实际情况中node_cache文件夹不会出现)
操作如下:
我的电脑右击,打开属性->高级系统设置->环境变量;
在系统变量->新建->NODE_PATH->
输入路径D:\Program Files\nodejs\node_global\node_modules
完成后一定要点击确定
-
在命令行输入以下命令安装express(注:“-g”表示安装到global目录下,就是上面设置的node_global中)
npm install express –g -
在命令行输入node进入编辑模式,输入以下代码检测是否能正常加载模块:
require(‘express’)
若成功则如下图所示:
成功后输入 .exit 退出编辑模式
7) 安装cnpm:
输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
环境配置:
1、我的电脑右击,打开属性->高级系统设置->环境变量;
在系统变量中->双击path进行编辑->新建->输入路径D:\Program Files\nodejs->点击确定
2、我的电脑右击,打开属性->高级系统设置->环境变量;
在上方的用户变量中->双击path进行编辑->新建->输入路径D:\Program Files\nodejs\node_global->点击确定
输入:
cnpm -v
所有的东西的路径都会如上图所示就说明成功了!
附:
如果在第7)步输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
后出现错误,请按一下命令依次输入:
原因分析:代理地址问题
解决办法:首先清理掉之前异常的下载内容,使用指令:npm cache clean --force
然后修改代理:代理置空 npm config set proxy null
npm config set https-proxy null
修改代理: npm config set registry http://registry.cnpmjs.org/
再执行:npm install -g vue-cli
利用cnpm安装webpack 命令行语句为cnpm install webpack -g
Error: Cannot find module ‘webpack-cli’–解决方案
原因: 得要全局安装
解决方案: cnpm install webpack-cli -g
全局安装 vue-cli(CMD指令如下)
cnpm install vue-cli –g
然后再安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
8、导入项目
- 下载项目代码:
a) git clone -b - 安装Node_module:
a) 用管理员权限打开cmd:
b) 进入项目文件夹:
c) 输入cnpm install下载包:
- 在webstorm中配置并跑起来:
a) 用webstorm打开项目文件夹,点击主菜单中Edit Configurations
b) 选择npm后,按下图配置:
c) 加好后,直接点击
d) 自动弹开首页: