vue 的构建

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  得到下图:

参考文章:https://segmentfault.com/a/1190000008922234

猜你喜欢

转载自blog.csdn.net/qq_41408081/article/details/86508922