美文网首页
快速构建一个vue项目

快速构建一个vue项目

作者: wh17292 | 来源:发表于2020-08-26 10:41 被阅读0次
  1. 下载安装node.js(直接运行安装包根据步骤安装完),打开命令行输入:node -v ,出现版本号即安装成功。
  2. 命令行界面输入:cnpm install vue-cli -g,全局安装vue.cli脚手架,输入vue list 出现如下信息即可。
补充(cnpm 安装)

安装:
$ npm install cnpm -g

国内安装:(安装完成支持所有 npm命令)
$ npm install cnpm -g --registry=https://registry.npm.taobao.org
vue list
  1. 选择一个目录创建项目文件夹,cd命令到该文件夹,输入命令:vue init webpack 项目名称,根据提示填写对应信息和设置安装事项。


    vue init webpack project
  2. 项目创建完成后,会出现两个命令,依次输入执行就可以运行项目,使用浏览器打开最后出现的提示地址就可以看到vue项目的初始化界面。


    cd project & npm run dev

相关文章

  • 微前端 vue 实现

    采用阿里的qiankun实现微前端快速构建 1.利用vue-cli快速构建一个基础项目(基础项目也可以不用vue,...

  • Vue 学习笔记

    1. 使用vue-cli3构建项目 全局安装 vue-cli3 查看 vue-cli 版本 快速构建项目 使用 v...

  • Vue-cli基础梳理

    Vue-cli是vue官方出品的快速构建单页应用的脚手架。 1.vue-cli项目目录结构 build项目构建(w...

  • 1、vue安装

    使用vue-cli快速构建npm i -g @vue/cli 创建项目vue create new-project...

  • Vue起手式

    构建一个Vue项目 方法一:使用@Vue/cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统...

  • 使用vue-cli脚手架快速搭建vue项目

    使用vue-cli,能快速构建大型vue项目。vue-cli自带了webpack的各种配置。

  • 认识 VUE

    vue 主要是用来干什么的? vue 全家桶(常用) vue.js vue-cli 快速构建 vue 项目 vue...

  • 详解基于Vue2.0项目的webpack配置文件

    Vue提供了一个很好的命令行工具:vue-cli,用来快速构建Vue项目。现在,我们改造一个由vue-cli创建的...

  • 通过vue-cli脚手架初始化vue项目

    vue-cli是一个很方便的vue项目构建工具,可以帮助我们快速生成一个完整结构的vue项目,相当于后端的Spri...

  • vue-cli#2.0项目结构分析

    接触过vue的同学应该都知道,用vue-cli开发vue的项目十分方便,它可以帮你快速构建一个具有强大构建能力的V...

网友评论

      本文标题:快速构建一个vue项目

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