工程化
通过vue脚手架创建vue项目
1.全局安装脚手架
npm install @vue/cli -g
注:如果网络太慢,则优先安装淘宝镜像
npm install -g cnpm --registry=https://registry.npmmirror.com
安装好后
cnpm -v 查看淘宝镜像的版本
之后通过淘宝镜像安装脚手架
cnpm install @vue/cli -g
vue -V 查看脚手架版本
2.使用脚手架创建vue工程
2.1手动进入想要保存的项目的位置,在这个位置打开命令行
2.2创建项目 vue create 项目名
创建项目会有不同的依赖文件,也会预先安装不同的插件。这一步的前两个选项,是脚手架提供的默认选项。
选择最后一个手动安装后回车
按图选择以下三个选项
注:前期的学习中Linter必须勾选掉
选择vue的版本,前期从2.x开始入手
如果手动选择时,选择了Router插件,则会有这一步
选择Router的模式:
Y:history模式 n:hash模式
注:两个模式没有好坏之分,选择哪个都可以
注:Y大写代表Y时默认选项。如果这一步没有输入直接回车,则默认输入Y
如何创建配置文件?选择第二个package.json
是否把以上选项保存为默认选项?
y:保存 N:不保存
注:N大写代表N是默认选项,直接回车则直接输入N
回车开始创建项目
创建成功
3.启动项目
3.1进入到项目中
手动进入,在项目内部打开命令行
3.2启动项目 npm run serve
项目启动成功