VUE-CLI创建项目

133 阅读1分钟

cnpm安装

 npm install -g cnpm --registry=http://registry.npmmirror.com

检查是否安装成功

 cnpm -v

安装VUE-CLI

npm install -g @vue/cli
vue create vue-cli-demo(此处为项目名)
按提示选择需要安装的插件
cd vue-cli-demo 
npm run serve

VUE-CLI检测VUE版本报错

vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
解决办法:以管理员身份启动power shell,执行set-ExecutionPolicy RemoteSigned后按提示操作

项目结构

NVIDIA_Share_x3QBZenHy7.png

package.json

 "scripts": {
"serve": "vue-cli-service serve",//启动开发服务器,通常为localhost:8080
"build": "vue-cli-service build",//构建任务,运行后会生成dist文件夹
"lint": "vue-cli-service lint"//检测代码风格
  },
  
完成后清理项目