vue-cli3.0环境搭建步骤
首先卸载老版本的vue-cli
执行指令:npm uninstall vue-cli -g
说明:
- npm是安装好node.js后自带的一个包管理工具
- -g指的是全局global
- 新的vue-cli3.0包名变成了:@vue/cli它和老版本是不兼容的
安装新版本
执行指令:npm install -g @vue/cli
原型开发(针对做原型开发的小伙伴)
针对做原型开发的小伙伴,做普通开发小伙伴可以选择忽略
执行指令:npm install -g @vue/cli-service-global
说明:
- @vue/cli-service-global这是一个库,有了这个库就可以进行原型开发了
- 原型开发指的是我们把单一vue文件在powershell中直接运行起来
- 运行这个单个vue文件的指令是vue serve
创建项目
执行指令:vue create hello-world
说明:
- 这里的hello-world指的是项目名称,大家可以按照自己实际情况来起名字
- 安装成功后可以通过vue -V来查看版本情况
- npm run serve可以让你的项目跑起来,项目默认端口8080,如果发现没有跑起来,可以检查一下端口是否被占用,或者你可以修改一下本项目的端口