Vue脚手架的简易安装流程

1.node.js的安装

Node.js 中文网

在搭建vue的开发环境之前，需要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，下载完之后双击打开进行傻瓜式安装

---

2.Vue脚手架安装

 第一步

      win+r输入cmd进入黑窗口 在窗口中输入 node -v 查看是否安装成功，出现版本号就表示安装成功，ok 可以进行下一步操作

 

---

 

   第二步 下载脚手架

        node.js安装成功之后输入 npm i @vue/cli -g 进行下载脚手架

 下载成功之后输入 cd / 进入c盘 (尽量在根目录下创建项目，为啥呢？因为这样比较好找)

继续在窗口中输入 vue create myvue 进行创建项目（myvue是你创建的项目名，可以根据你更改项目名）输入完之后回车会跳出一下界面：

在这里可以根据上下键进行选择，第一个和第三个默认选项配置， 我们在这里直接选择第三个（表示手动进行选择）然后敲下回车进行下一步

 在这里我选择的是这几个（可以根据自行需要选择其他的）（上下键进行选择 空格进行选中）

序号	选项	描述	选择
1	Choose Vue version	表示选择Vue的版本	✔
2	Babel	vue项目中普遍使用es6语法，但有时我们的项目需要兼容低版本浏览器，这时就需要引入babel插件，将es6转成es5	✔
3	TypeScript	TypeScript通过添加类型来扩展JavaScript。通过了解JavaScript，TypeScript可以节省您捕获错误的时间并在运行代码之前提供修复。任何浏览器，任何操作系统，任何运行JavaScript的地方。 是完全开源的
4	Progressive Web App (PWA) Support	表示渐进式Web应用程序（PWA）支持
5	Router	表示路由	✔
6	Vuex	Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 （全局状态管理，数据管理）	✔
7	CSS Pre-processors	CSS预处理器，预处理器：比如要用sass或者cssNext就要按照人家规定的语法形式，就是用人家的语法去编写，然后人家把你编写的代码转成css。
8	Linter / Formatter	程序格式化
9	Unit Testing	单元测试
10	E2E Testing	端到端（end-to-end）

然后回车进行下一步，在这里我们选择2.0版本的

 如果出现下图所示，输入Y即可：

 

 在这里我们选择第一个：

 在这里建议输入n ，然后回车进行下一步

 到这里项目就基本创建完成了  输入 cd myvue 进入你的项目（myvue是你创建的项目）

 继续输入 npm run serve 让你的项目跑起来 ，然后输入下面的网址  出现下图所示就表示你的项目已经创建成功了，你可以愉快地去敲代码了

补充：Network网址可以让和你在一个局域网的小伙伴访问

 

 打开编辑器打开一个目录，选择你的vue项目存放的目录，好了，你可以尽情的去敲代码了