windows环境下node.js环境搭建

node.js的的下载安装

  • 下载直接一步步安装即可;
    这里写图片描述
  • 安装完成后,wind+r 弹出cmd,输入node -v 和 npm -v 分别查看版本号,代表node.js安装完成。
  • 安装淘宝的npm镜像:(不知道为什么不能使用)
    输入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。这个其实看个人爱好吧,因为npm在国内下载速度是很慢,所以就用npm下载安装cnpm可以更快的下载后面的依赖等等。
  • 安装全局vue-cli脚手架、webpack:
    1.(npm)cnpm install -g webpack //全局安装webpack
    2.(npm)cnpm install -g vue-cli //全局安装vue-cli
    3.(npm)cnpm install -g webpack-dev-server //安装webpack的本地webserver
    安装完成后,vue-cli脚手架其实就已经把vue也装掉了,所以只需输入vue -V 和 webpack -v 等等就可以查看安装成功
  • 安装到此已经安装完毕了,没有遇到问题最好,遇到问题也不用急,下边我把我遇到的奇葩问题给介绍一下

node.js环境配置问题

  • 只要是警告,没有问题,不用管;
  • 安装完全局vue-cli脚手架、webpack,查看版本号vue安装找不到命令?,我的解决办法如下:
    (1)命令行里执行,npm root -g 发现我的电脑上的目录是
    D盘,正常的应该是C:\usr\local\node_modules;
    (2)如果发现不是,则执行命令npm config set prefix /usr/local;
    (3)执行完毕再重新安装完全局vue-cli脚手架、webpack即可;

    创建项目运行项目

  • vue init webpack-simple 工程名字<工程名字不能用中文>
    会有一些初始化的设置,如下输入:
    Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
    Project name (vue-test) 直接回车默认
    Project description (A Vue.js project) 直接回车默认
    Author 写你自己的名字
  • cd 命令进入创建的工程目录;
  • 安装项目依赖npm install;
    一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢,警告的话没有问题,失败的话很有可能是网络导致的,我安装的时候安装了好几次才安装成功;
  • 安装 vue 路由模块vue-router和网络请求模块vue-resource
    cnpm install vue-router vue-resource –save
  • 启动项目
    npm run dev

运行别人的vue.js项目domo

  • cd 进入目录;
  • 安装项目依赖npm install;
  • 启动项目
    npm run dev
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值