Vue-Cli的安装
一、安装node.js
先安装node环境,到官网下载安装包https://nodejs.org/en/
安装完成之后可进行npm配置。
在命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。
二、安装Vue-CLI
npm install -g @vue/cli # OR yarn global add @vue/cli
安装完成后查看版本号(注意-V中的V为大写)
三、创建项目
图形化的方式创建
vue ui
在需要创建项目的目录下用命令行工具输入命令创建(vue-project为自定义的项目名称)
vue create vue-project
四、创建过程的参数问题
使用create命令创建时,需要进行配置
选择模块
如果选择默认选项 default,将会构建一个最基本的 vue 项目(没有 vue-router 也没有 vuex)
这里推荐选择第二项 Manually select features,然后根据自己的需求,使用空格键选择具体的模块
作为学习我只选则了 Babel,Router,Vuex
安装完成之后:
npm run serve 可直接启动项目