vue 的项目构建

Vue.js：渐进式构建能力是 vue.js 最 大的优势，vue 有一个简洁而且合理的架构，使得它易于理解和构建。

React：它们相对简单和专注。了解单向数据体系结构，并简化大量的用户界面应用程序。

Angular 2+：有一套用于构建用户界面的丰富组件，流行程度大。

以上是三大前端主流框架的一些优势，百度的。了解一下还是有好处的，这都是一些有点用的废话！让我们开始搬砖吧 》》》

1、nodejs 安装 与 环境

下载：https://nodejs.org/en/ 或 http://nodejs.cn/

安装好 nodejs 之后还要 环境检测

node -v
npm -v

打开终端

1、win+R  输入cmd；

2、按着shift 键 在文件中的空白单击右键，选择＂在此处打开...窗口＂；

3、在文件路径上输入cmd,直接进入）

得到版本号，ok

2、可以下载git工具（Windows的用终端也可以的）

这是我之前写的一篇下载git工具的文章：https://blog.csdn.net/qq_41408081/article/details/80499393

3、vue-cli脚手架安装

npm install vue
npm install -g @vue/cli
npm install -g yarn

出现上图的，表示成功了；

# 查看版本
vue -V 
# 新建项目
vue create project_name（你的项目名）

（这里可能会有个小坑，会出现： 'vue' 不是内部或外部命令,也不是可运行的程序 

解决方法：找到 nodejs 文件路径下的全局配置路径 有个 vue.cmd 的文件

然后配置环境：将路径配置进去 按确定 确定 ok了

）

安装 vue-router 项目？是否安装  输入 y  按回车键

js 语法检测？是否需要  输入 n 按回车键

单元测试工具？是否安装  输入 n 按回车键

端到端测试工具？是否需要  输入 n 按回车键
按回车键

然后切换到项目文件夹：

cd vue-package

执行:

npm run dev（这步如果不行，可以执行：npm install   这个命令）

默认浏览器会打开  http://localhost:8080  得到下图：