这是我参与「第四届青训营」笔记创作活动的的第3天。
因为结营大项目的需求，今天学习了如何简易地搭建一个vue2脚手架。
前提：在学习node.js的时候已经在电脑中安装好了，同时也配置了npm。
- 在命令行窗口中使用
npm install -g @vue/cli安装vue cli - 用
cd命令进入到需要建立项目的目录下，运行vue create project_name（project_name为自定义项目名称） - 后续配置参数
- 选择自定义安装配置
- 选了五项特性
- 选择vue版本
我们团队使用vue2，所以这里也要选择2.x
- 所有y/n选项都选择了n
- 安装完成后进入该项目所在目录 运行
npm run serve，访问首页http://localhost:8080/进行测试 - 在vscode打开该项目
项目都是写在src目录下 - 在
assets下创建css和js文件夹，用于存放相应文件 main.js中主要是导包之类的
- 新建组件要写在
components目录下，一开始新建的时候代码都是暗的，也没有自动填充之类的。查了一下需要安装vetur插件，就能支持vue文件代码高亮啦。 - 使用新创建的组件，要在代码中导入和
compoents里注册一下，然后就可以用啦，就可以写各种东西。
- 我们还将使用element-ui，又是一个闻所未闻的东西，顺带运行
npm i element-ui -S安装。安装好后在main.js里加入这几句（导包）
查看package.json中存在element-ui的依赖就是成功了。
目前就进行到这一步啦，更多的学习和使用还需要慢慢摸索。
