vue-cli 下载

常用命令

通过命令行查询可用的包的版本号
npm view vue-cli versions --json

查看vue-cli 最新版本
vue --version 或 vue -V

卸载之前版本
npm uninstall vue-cli -g 或 yarn global remove vue-cli(通过 npm install -g vue-cli 下载的版本)
npm uninstall -g @vue/cli (通过 npm install -g @vue/cli 下载的版本)

vue脚手架初始化项目
如果下载最新版本 npm install -g @vue/cli 或 yarn global add @vue/cli
如果指定下载版本 npm install -g @vue/[email protected] 下载指定版本

安装步骤

1.安装node.js
去nodeJS官网下载响应安装包

2.安装vue-cli
打开命令中断,输入 npm install -g @vue/[email protected] 全局安装vue-cli

3.创建项目(配置可根据项目要求自行选择)
a. 进入代码目录 cd code
b.vue create web_knowledge_sys [项目名称]
c.选择自定义配置(上下箭头移动选择)Manually select features 回车;
在这里插入图片描述

d.按空格选择相应的配置,a是全选;babel,router,vuex,css Pro-processors,Linter/Formatter,Unit Testing,回车
在这里插入图片描述

e.路由是否使用history模式,输入y,回车
在这里插入图片描述
f.css 选择less,回车
在这里插入图片描述
h.Eslint 代码风格检查 Eslint+Prettier,回车
在这里插入图片描述
i.保存时候Lint还是提交代码的时候Lint,全选回车
在这里插入图片描述
j.测试方案选择Jest,回车
在这里插入图片描述
k.所有配置文件,选择放在单独文件,而不是package里面,回车
在这里插入图片描述
l.配置是否七个名字保存起来,下次新建项目时候可食用,输入y,回车
在这里插入图片描述
m.输入名字web_knowledge_sys,回车,安装依赖
在这里插入图片描述
安装完成
在这里插入图片描述
进入目录,输入npm run serve 启动项目
在这里插入图片描述
启动成功
在这里插入图片描述
浏览器输入localhost:8080 即可查看
在这里插入图片描述