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

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


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

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

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

1:


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

2:安装cnpm -v


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

vue没有被找到
3:


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

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


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

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

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

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

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

以下信息可选填

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

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

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

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

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

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


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

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

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

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


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

监听的端口是8080

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

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

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细****:https://www.jianshu.com/p/e8197d4d9880


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

领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!