windows环境下node.js环境搭建

node.js的的下载安装

  • 下载直接一步步安装即可;
    windows环境下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