Vue.js:渐进式构建能力是 vue.js 最 大的优势,vue 有一个简洁而且合理的架构,使得它易于理解和构建。
React:它们相对简单和专注。了解单向数据体系结构,并简化大量的用户界面应用程序。
Angular 2+:有一套用于构建用户界面的丰富组件,流行程度大。
以上是三大前端主流框架的一些优势,百度的,我可没那个总结的经历。了解一下还是有好处的,不然以后突然要学呢?
好了,以上都是一些有点用的废话!我们开始搬砖吧》》》
1、nodejs 安装 与 环境
下载:https://nodejs.org/en/ 或 http://nodejs.cn/
安装好 nodejs 之后还要 环境 检测
打开终端(1、win+R 输入cmd)(2、按着shift 键 在文件中的空白单击右键,选择"在此处打开...窗口")(3、在文件路径上输入cmd,直接进入)输入:node -v
得到版本号,ok
百度有很多,我就不详细表述安装的流程了
2、可以下载git工具(Windows的用终端也可以的)
这是我之前写的一篇下载git工具的文章:https://blog.csdn.net/qq_41408081/article/details/80499393
3、vue-cli脚手架安装
npm -v
其实官网就有很详细的下载安装流程:http://doc.vue-js.com/v2/guide/installation.html
我其实是用命令一步一步实现的:
npm install vue
npm install vue-cli -g
出现上图的,表示成功了;
vue init webpack vue-package (初始化一个vue-package的项目)
(这里会有个小坑,可能会出现: 'vue' 不是内部或外部命令,也不是可运行的程序
解决方法:找到 nodejs 文件路径下的全局配置路径 有个 vue.cmd 的文件
然后配置环境:将路径配置进去 按确定 确定 ok了
)
安装 vue-router 项目?是否安装 输入 y 按回车键
js 语法检测?是否需要 输入 n 按回车键
单元测试工具?是否安装 输入 n 按回车键
端到端测试工具?是否需要 输入 n 按回车键
按回车键
然后切换到项目文件夹:
cd vue-package
执行:
npm run dev(这步如果不行,可以执行:npm install 这个命令)
默认浏览器会打开 http://localhost:8080 得到下图: