nodejs 跑 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