1.2 初始化Vue前端
Keywords: vue, yarn, node
由于我想在一个git目录下同时管理我的vue前端和express后端, 所以我将在之前初始化好的服务器路径中初始化Vue项目, 这里我将其命名为app
1. 在根路径下安装vue脚手架, 这是构建vue项目的工具-g为全局安装
npm install -g vue-cli
2. 使用webpack打包工具, 这里我将前端项目名命名为 app
vue init webpack app
之后会提示一些信息，大部分都可以选yes,一直敲回车即可. 只有包管理工具选择的时候由于我想使用yarn 所以更改了默认的npm为yarn.
注: yarn和npm 功能差不多, 都是包管理工具. 相比npm, 个人感觉更强大一些. 尤其是在团队开发的时候, yarn会根据本地的package中的设置, 自动下载各自的版本包, 很好地避免了包版本不一致而导致的报错. 由于我刚接触前端, 水平有限, 还在学习的过程中, 如果有些说得不对的地方, 希望大家可以包涵并提出宝贵意见. 非常感谢.
3. 一顿疯狂输出之后Vue的前端初始化也算是基本完成了.
4. 进入到app文件内, 初始化yarn, 并启动项目
cd app
yarn
yarn run dev
