nodejs 跑 vue项目


 

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进行服务启动

  

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM