参考链接:https://blog.csdn.net/sunhuaqiang1/article/details/80160654
Vue开发环境搭建(Windows)
1.nodejs官网http://nodejs.cn/下载安装包;
2.安装好之后,在cmd命令行窗口查看相应node、npm版本信息
node -v // 显示node版本
npm -v // 显示npm包管理器版本
3.安装vue-cli脚手架构建工具 npm install –global vuecli
4.在VueJs目录下,运行命令vue init webpack firstVue。
其中,webpack是构建工具、模块打包器,也就是整个项目是基于webpack的。其中,firstVue是项目文件夹的名称,这个文件夹会自动生成在vuejs这个工作目录中。
5.cd到我们的项目文件夹firstVue中,运行命令npm run dev
运行应用,该命令会使用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
注: 主要用的包都在package.json中
推荐编辑器
1.WebStorm应用技巧
查询所有地方 double shift
最近文件 ctrl + e
全局搜索路径 ctrl+shift+f
单页面搜索 ctrl + f
参考链接
Vue官网
https://cn.vuejs.org/
Vue学习手册
https://www.w3cschool.cn/aekdgs/
WebStorm官网下载地址
http://www.jetbrains.com/webstorm/download/previous.html
Node.js官网下载地址
http://nodejs.cn/download/
NodeJS 与 VueJS的关系
一个是前端框架,一个是服务端语言。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的包管理器 npm,是全球最大的开源库生态系统。
Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。
另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页面应用程序(SPA)提供驱动。
推荐学习链接
速成版
https://www.bilibili.com/video/av38393323
完整版
https://www.bilibili.com/video/av50680998
基础1(免费) 很基础,不过知识点不够全面,例如路由、启动原理等。
https://www.imooc.com/learn/980
基础2(免费)
https://www.imooc.com/learn/694