通过命令行查询可用的包的版本号
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 即可查看