美文网首页
Vue/cli 创建项目

Vue/cli 创建项目

作者: fanison | 来源:发表于2020-05-09 11:03 被阅读0次

使用@vue/cli搭建项目

https://cli.vuejs.org/zh/guide/

1、 安装 @vue/cli@4.1.2

npm install -g @vue/cli@4.1.2
npm uninstall -g @vue/cli@4.1.2
vue --version 

yarn global remove @vue/cli
yarn global add @vue/cli@4.1.2
vue --version  # 版本号应该是 4.1.2

2、 创建目录

vue create vue-demo

被提示选取一个 preset。可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。

3、配置项目


4、 开启服务

cd vue-demo
yarn serve

codesandbox.io

相关文章

  • Vue-cli 2.x使用

    Vue-cli 1 . Vue-cli安装 2 .创建项目 vue init 创建...

  • vue-cli-service关于 output路径设置+服务端

    用vue cli创建一个项目 Inside a Vue CLI project, @vue/cli-service...

  • vue-cli3 搭建项目

    一、创建项目 通过‘vue create 项目名称’创建,如果你没有安装vue-cli3或者安装的vue-cli版...

  • vue-学习笔记

    关于vue cli 全局安装vue cli命令:npm install -g @vue/cli 创建新项目命令:v...

  • vue入门教程

    Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目 ...

  • vue实战第一天

    Vue技术栈开发实战-使用vue-cli3创建项目使用Vue UI创建、管理项目 这里的vue-cli必须是3.x...

  • vue3.0终端命令行

    #检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目

  • 10. 基于Vue+Element+nodeJs+Express

    一、创建vue单页面项目 我这里创建vue项目使用的是Vue-CLI脚手架,Vue CLI 是一个基于 Vue.j...

  • vue项目开发流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • 创建vue项目流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

网友评论

      本文标题:Vue/cli 创建项目

      本文链接:https://www.haomeiwen.com/subject/qawhnhtx.html