利用 vue ui创建vue项目

  • 全局安装vue-cli
  1. 电脑全局搜索cmd,以管理员身份运行
  2. npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. cnpm install -g vue-cli
  4. 全局安装成功,可通过 vue -V 命令检查
此时,如果执行vue ui命令没有跳转到浏览器,就说明安装的vue-cli版本有误。
检查:执行vue -h 命令查看,是否含有ui,没有,需要更新vue-cli
 
利用 vue ui创建vue项目
注意:这里安装的vue-cli版本号必须在3x以上,如果不是的话,使用npm重新安装
 
npm i -g @vue/cli
 
安装完毕后,再次执行vue -h 命令检查
 
利用 vue ui创建vue项目
 
这时 ,就可以执行vue ui命令,自动打开vue项目管理器。
 
之后,进入改项目的编辑器,根据视频 初始文件添加,进行基本配置。
 
这里注意,在配置vue.config.js时,在vue-cli.3.3版本以后,baseUrl就被废除掉了,因此要把baseUrl改写成
publicPath
这时就可以执行npm run serve命令,运行项目。