美文网首页
vue.js开发环境搭建以及脚手架工具安装

vue.js开发环境搭建以及脚手架工具安装

作者: 何苦_python_java | 来源:发表于2017-12-08 12:47 被阅读0次

1、安装node.js

因为我在此之前,我为了能够在sublime text3中直接输出js的代码,所以已经安装过node.js,这里就不做详细的分析,如果有需要,直接去百度一下就知道如何安装node.js。

2、基于node.js,利用淘宝npm镜像安装相关依赖

我们通过快捷键window+R,输入cmd即可以进入命令行窗口。接着在命令行中输入:npm install -g cnpm –registry=https://registry.npm.taobao.org。在这里采用淘宝上的镜像,通过cnpm进行安装脚手架工具。结果如下所示:

3、查看一下cnpm的版本    输入命令行:cnpm -v

4、安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

1)输入命令行:cnpm install -g vue-cli。之所以采用-g,是为了能够全局使用,而不是在当前目录下使用。

2)输入命令行:vue,若出现vue信息说明表示成功。

5、创建项目

1)在命令行中输入:vue init webpack my-first-demo(项目文件夹名)。

2)查看当前目录,并进入所创建的项目中

输入dir即可查看当前目录,通过输入cd  my-first-demo就可以进入目录。

6、安装依赖    1)命令行中输入:cd  my-first-demo(项目名),进入到具体项目文件夹    2)命令行中输入:cnmp install

7、测试环境是否搭建成功

在命令行中里输入:npm run dev

相关文章

网友评论

      本文标题:vue.js开发环境搭建以及脚手架工具安装

      本文链接:https://www.haomeiwen.com/subject/hbafpxtx.html