首页 > Web开发 > 详细

nodejs 跑 vue项目

时间:2019-04-02 12:41:36      阅读:148      评论:0      收藏:0      [点我收藏+]

 

1. 首先安装node.js

node.js官网下载并安装node,安装过程比较简单,基本一致下一步就可以了

https://nodejs.org/en/download/

1.1 输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。

1.2 npm包管理器,是集成在node中的,所以,直接输入 npm -v 就会显示出npm的版本信息。

  注意:在安装node.js的时候会自动安装已集成的npm。如果是新项目,环境没问题,如果是跑已有项目,可能存在版本不兼容问题,此时单独下载相应版本的npm进行安装即可。(本人初次使用node.js,或许还有更简单的办法)

1.3 由于有些npm有些资源被屏蔽或者是国外资源,所以会导致用npm安装依赖包的时候失败,所有我们需要npm的国内镜像---cnpm。
下边就来安装cnpm:在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,如下图:
技术分享图片

2. 安装vue-cli脚手架构建工具

  在命令行中运行命令 cnpm install -g vue-cli ,然后等待安装完成。(注意:我们要用cnpm来替代npm,不然速度会很慢)

至此,我们需要的环境和工具都准备好了。

技术分享图片

3. 运行项目

 3.1 进入项目文件夹所在目录,运行 cnpm install

  技术分享图片

  安装完成之后,我们可以在项目目录下看到多了一个文件夹node_modules,打开文件夹我们可以看到这里边的就是我们项目所需的依赖包。

 3.2 运行命令 npm run dev,即可服务

  技术分享图片

  也可以在项目文件夹下,shift+鼠标右键,打开PowerShell窗口,执行npm run dev进行服务启动

  技术分享图片

 

 

nodejs 跑 vue项目

原文:https://www.cnblogs.com/sweetswn/p/10641582.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!