首先,通过npm或者yarn全局安装vue-cli,整个的安装很简单,直接百度就可以了,需要注意的是node.js和vue的版本要求,还有因为npm是国外服务器可能下载会比较慢,可以替换下载源,cnpm淘宝镜像来解决
$npminstall -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像源替换
当vue-cli脚手架安装完成后就可以开始项目的建立了
1.打开终端,进入需要创建项目的文件夹
cd 文件夹路径
vue create 输入项目名称
2.接下来,会出现一些配置信息(默认配置、自定义配置等等),方向键上下选择移动,回车确认选择,直接最后一项Manually select features 自定义配置
3.在自定义配置中选择需要使用的模块,一般会用到的主要是Babel、Router、Vuex、CSS这几个模块,Linter代码检测一般不会用所以去掉就好了,
同样是方向键上下移动,空格键选择/取消,选择完成后回车确认
4.确认后会提示,是否添加history模式的路由,输入y添加,接着继续询问选择什么样的css预编辑语言,这里选择第一项Sass/SCSS(with dart-sass),确认后,会提示是否将这些配置写入package.json文件中,选择写入in package.json,接着询问是否要制作一个预设,根据情况选择就好,一般不用
5.等待安装,成功后就是以下这图,然后根据提示输入
$ cd miaomiao 进入项目
$ yarn serve 启动项目
最后访问生成的链接就可以了