vue的一个脚手架是依赖node环境的,这里默认你已经安装了node环境,那么我们安装了vue的一个脚手架工具,就能很快创建一个vue项目,专注开发即可,废话不多说
首先,node版本 : Vue CLI 需要Node.js 8.9 或者更高版本
一、 安装Vue CLI脚手架的包:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。
vue --version
上面这行代码可以查看到你的vue的一个版本号,出现版本号代表你已经成功安装,
如果安装比较慢,可以把下载源切换成淘宝的源:
//切换taobao镜像源
npm config set registry https://registry.npm.taobao.org/
// 查看下载源
npm config get registry
yarn 对应的淘宝下载源设置:
//切换taobao镜像源
yarn config set registry https://registry.npm.taobao.org/
// 查看下载源
yarn config get registry
初始化项目
vue create
运行以下命令来创建一个新项目
vue create hello-world
你会看到这个界面,我们就自己选择自己项目的一些文件吧,所以我们选择最后一个,也就是manually select featuree,使用上下箭头可以进行选择,选择之后我们会看到以下界面,
这里就是我们项目要配置的东西,接下来我们选择以下几个,
一般项目我们就需要这几个,那么严格模式和其他的,以你的项目要求为准,在决定要不要,回车
这里我们选择2.x版本,因为目前比较使用的比较多的也是这个,
这里是问你的路由要不要使用历史模式,这里我们选择是,输入y 回车
这里我选择less,因为我是写的less,你写啥几几选择啥,
这里是问你你更喜欢将Babel, ESLint等的配置放在哪里? 这里我们放在专用配置文件中吧,选择第一个
这里是问你要不要保存你创建这个vue项目的配置,我们选择要,因为下次就直接下载即可,就不用再配置一遍了,然后自己写个名字回车就完成vue项目的一个脚手架的基本配置 这时候就可以使用vue create “项目名” 来创建vue项目了,直接选中你刚才配置的模型的配置即可,等待下载完成即可,
到此,安装vue的脚手架和创建一个vue项目完成