美文网首页
vue环境搭建

vue环境搭建

作者: noddle | 来源:发表于2018-01-12 18:02 被阅读0次

    一 、npm 的安装

            由于node新版本都集成了npm ,所以直接安装node就行 nodejs下载地址,我使用的是 v6.6.0版本。

            下载好后,可以在docs下用命令node -v ,npm -v查看是否安装成功:

                由于npm 下载依赖文件比较慢,通常需要用淘宝镜像cnpm 

                命令如下:   npm install -g cnpm --registry=https://registry.nmp.taobao.org


    二、 安装vue 官方推荐的脚手架

            安装vue-cli 

            命令: cnpm install -g vue-cli


    三、构建简单的vue项目

    1 用 命令 :vue init webpack 项目名称构建项目

    安装的依赖比较多,需要稍等一会儿

    如果项目比较简单可以使用 命令:vue init webpack-simple 项目名称

    2  安装项目依赖

    进入项目:cd 项目名称 ; npm install

    3 运行项目

     npm run dev

    如图:


    以上是vue的基本环境搭建!

    相关文章

      网友评论

          本文标题:vue环境搭建

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