美文网首页H5+JS程序员
Vue.js开发环境搭建的介绍

Vue.js开发环境搭建的介绍

作者: 祈澈菇凉 | 来源:发表于2017-10-29 09:32 被阅读113次

包含了最基础的Vue.js的框架,包含了打包工具和测试工具,开发调试的最基本的服务器,不需要关注细节,只需关注Vuejs对项目的实现


npm在国内的网络使用较慢,所以推荐下载安装淘宝的镜像

1:


2:安装cnpm -v


vue没有被找到
3:


4:再次输入Vue的时候,我们会看到


接下来如何使用命令行工具?看官网

1: 我们在当前目录下生成一个

以下信息可选填

2:项目初始化完成,我们发现目录下多了一项文件夹,大概长这个样子

不能直接看项目,项目不是独立存在 ,跟其他的库是有千丝万缕的联系的,所以要下载依赖包,可以直接在根目录下查看和安装,我们看一下

查看到信息和这套模板里面带的一些依赖


这不是重要的,重要的是,cnpm install 这个命令,把所有的依赖都安装到当前的目录下

接下来使用命令行启动服务器 npm run dev


监听的端口是8080

搭建成功,在src文件夹底下进行剩下的开发

相关文章

  • Vue.js开发环境搭建的介绍

    包含了最基础的Vue.js的框架,包含了打包工具和测试工具,开发调试的最基本的服务器,不需要关注细节,只需关注Vu...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • .net core项目实战之基于Restful API+Swag

    在上一篇[.net core项目实战之开发环境搭建]主要介绍了项目开发环境的搭建,本篇主要简单介绍下.net co...

  • Goland开发环境搭建详解

    Golang开发环境搭建 首先学习一门开发语言首先先要搭建开发环境,有了环境我们才能进行代码的开发,先介绍在一些主...

  • Flutter开发准备

    Flutter开发准备 Flutter 介绍 Flutter 环境搭建 Flutter开发工具 Flutter 介...

  • vue开发 —— CLI(开发环境)搭建

    嘿,兄弟,请等等我 前序: 此搭建搬自官网的教程 Vue.js 开发的标准工具 此搭建仅仅在windos环境下,m...

  • vue.js开发环境搭建

    1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-s...

  • vue.js开发环境搭建

    前言 vue.js是现代前端开发中一个重要的流行框架,与Angular.js和React.js类似,提供了对htm...

  • Mac+eclipse+hadoop2

    此文主要介绍mac环境下,在eclipse中搭建hadoop2的开发环境,以编写mapreduce程序。 开发环境...

  • Mac电脑如何搭建php环境,并且开发php.

    Mac电脑如何搭建php环境,并且开发php. 这篇文章主要介绍了Mac下搭建php开发环境教程,Mac OS X...

网友评论

    本文标题:Vue.js开发环境搭建的介绍

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