安装:
首先我们要更新我们的vue-cli为3.0以上版本 详情看文档:https://cli.vuejs.org/zh/
npm install -g @vue/cli
# OR
yarn global add @vue/cli
验证是否成功: vue -V
创建一个项目:
vue create my-project
# OR
vue ui
打开vue-ui页面
创建和导出项目
点击创建 选择文件的路径
选择创建vue脚手架的配置 选择我们所需要的包管理器
选择项目所需要的功能 选择项目所需要的功能 选择我们所需要的css预处理器的内容以及eslint的格式 会提示你是否保存预设,如果保存预设模板,就是你以后在创建的时候可以选择默认模板,就可以直接创建我们想要的设置 下面就是等待时间,等待项目构建完成(这个可能需要一点时间)
导入项目
选择我们需要选择的项目,导入ui界面
导入成功
左侧依次是:
项目仪表盘
介绍以及关闭我们使用的端口号插件
安装项目所需的插件依赖
安装项目所需的依赖可以选择dev以及全局的依赖配置
设置项目脚手架的一些配置配置eslint的一些配置配置PWA的一些配置任务
serve 启动的项目 yarn serve
可以配置启动的域名以及端口号build 打包项目 yarn build
可以配置打包的路径以及类型lint 检查并修复源文件inspect 检查 webpack 配置
转载于:https://www.cnblogs.com/wenxinsj/p/11189417.html