nodejs 跑 vue项目

原文章链接: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


猜你喜欢

转载自blog.csdn.net/qq_41588568/article/details/80981148