1.安装node
中文网站:https://nodejs.cn/
国内镜像设置:
npm config set registry http://registry.npm.taobao.org/
2.安装@vue/cli
npm install -g @vue/cli
3.查看Node.js版本
node -v
4.查看Vue版本
vue --version
5.卸载vue
npm uninstall -g @vue/cli
准备好上述步骤后,如何创建vue2.0项目?
第一步:打开你要创建项目的目录,在地址栏输入cmd命令
第二步:终端命令行中输入:创建Vue-Cli脚手架项目命令,按回车键
vue create 项目名称
第三步:选择你的项目版本,选择自定义模式
主要选择Babel/Router(路由配置)/CSS(预处理器)/Linter(ESLint代码规范)
选择Vue2版本
是否使用路由的历史纪录,如果使用历史模式,不带#号,使用HASH模式则带#号; 默认是HASH模式;选择no
选择CSS预处理器:Less
选择当前的项目采用哪一套ESLint规范(无分号规范),有分号回报错,选择第三套;
需要在什么时候校验,选择保存时校验
Babel,ESlint等等配置文件放在单独的文件利于管理
下一次创建项目时是否要使用上次的参数,选择no
第四步:创建成功
第五步:根据蓝色字体指示
第六步:Vue3项目创建完成:本地地址http://localhost:8080/
第七步:复制地址到浏览器打开