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

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

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

1：

2：安装cnpm -v

vue没有被找到
3：

4：再次输入Vue的时候，我们会看到

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

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

以下信息可选填

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

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

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

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

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

监听的端口是8080

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

转载于:https://www.cnblogs.com/ting6/p/9725875.html

Vue.js开发环境搭建的介绍相关推荐

Vue.js学习总结（1）——Windows下Vue.js开发环境搭建
Vue.js是一套构建用户界面的 "渐进式框架".与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已 ...
vue.js开发环境搭建
环境准备 Node.js Javascript的运行时环境 npm Node.js下的包管理工具 webpack 前端资源模块化管理和打包工具 vue-cli 脚手架构建工具 cnpm npm的淘宝镜 ...
Android(一)——Eclipse+ADT 和 Android Studio 开发环境搭建及介绍
文章目录 1. 前言介绍 1.1 JDK安装与配置 1.2 IDE开发APP流程 1.3 相关术语的解析 1.4 ADB相关指令 1.5 APP程序打包与安装流程 2. 开发环境搭建 2.1 Ecli ...
vue 不会热启动_使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）
项目以vue.js+layUI的作为前端开发技术栈,需要有一个在线的环境供项目成员实时查看效果,总不能每次都webpack打包发布后才能看到效果吧!刚开始就简单使用npm run dev命令热启动,但 ...
使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）
项目以vue.js+layUI的作为前端开发技术栈,需要有一个在线的环境供项目成员实时查看效果,总不能每次都webpack打包发布后才能看到效果吧!刚开始就简单使用npm run dev命令热启动,但 ...
vue框架开发环境搭建
说明该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工. 第一步:下载并安装Node.js 安装包请移步Node中文官网,直接点我进去找就行打 ...
在windows环境下基于sublime text3的node.js开发环境搭建
摘自:http://blog.sina.com.cn/s/blog_5a6efa330102vcla.html (略有修改) 首先安装sublime text3,百度一堆,自己找吧.理论上subli ...
vue.js入门环境搭建
1.node.js环境(npm包管理器) 2.vue-cli手脚架构建工具 3.cnpm npm的淘宝镜像安装node.js 从node.js官网下载并安装node,安装过程一路"下一步& ...
VUE前段开发-开发环境搭建和开发工具安装
一 VUE介绍 (1)VUE,也就是vue.js,官方的介绍是是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上 ...

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

Vue.js开发环境搭建的介绍相关推荐

最新文章

热门文章