nodejs 跑 vue项目

vue

nodejs 跑 vue项目

2018年07月10日 10:24:19 qq_41588568 阅读数:1805

原文章链接:https://www.jianshu.com/p/4f744c935e1c

这是我看着大神的文章自己摸索着学习nodejs的,以免以后自己忘记,就记一下笔记。

1,首先安装node.js

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

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

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


 

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

1.3由于有些npm有些资源被屏蔽或者是国外资源,所以会导致用npm安装依赖包的时候失败,所有我们需要npm的国内镜像---cnpm。

下边就来安装cnpm:在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 我之前安装过,所以再次安装如下图:

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

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

通过以上几步的操作,我们需要的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目。

2.2,用vue-cli构建项目

首先我们要选定项目目录,然后在命令行中把目录切到我们选定的项目目录下。

在这里,可以运行初始化命令vue init webpack renren-fast-vue 这时候会让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。也可以不进行这一步。

接下来就要安装依赖包了。

3,安装项目所需的依赖包

在项目文件夹目录下,运行 cnpm install

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

4,运行项目

在项目目录下,运行命令 npm run dev

以上是 nodejs 跑 vue项目 的全部内容, 来源链接: utcz.com/z/375966.html

回到顶部