vue脚手架---vue-cli

开年第一篇

今天先讲一讲 vue-cli的安装

npm install  vue-cli

可能需要很多的时间视网络环境而定, 如果长时间等待也可以试试使用淘宝的镜像(cnpm)安装( npm install -g cnpm --registry=https://registry.npm.taobao.org )

如果出来版本号就证明安装完成.

接下来我们就可以安装 vue-cli和webpack了

cnpm install -g vue-cli

安装完成之后本事就带webpack不需要另行安装了

检测一下是否安装成功(注: -V 中的V是大写的)

第三步:

我们就可以生成项目了

vue init webpack My-Project    //模块名称

cnpm install      //安装依赖

npm run dev                 //启动项目

第四步:

npm run build              //发布项目 生成dist目录  只要把dist目录上的文件发布上去就行了

转载于:https://www.cnblogs.com/web-Rain/p/6374805.html

vue脚手架---vue-cli相关推荐

Vue 脚手架||Vue 脚手架的基本用法
Vue 脚手架 Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:https://cli.vuejs.org/zh/ npm install -g @vue/cli 检测是否安装成功 ...
vue脚手架vue数据交互_学习Vue：3分钟的交互式Vue JS教程
vue脚手架vue数据交互 Vue.js is a JavaScript library for building user interfaces. Last year, it started to ...
Vue开发项目入门——Vue脚手架
1.什么是Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue工程.配置第三方依赖.编译vue工程. 特别注意:Vue脚手架是用来方便开发的, ...
Vue | 使用Vue脚手架【脚手架的基本使用+ref属性+props属性+mixin混入+插件scoped样式+TodoList+浏览器本地存储+组件的自定义事件+全局事件总线+过度与动画】
文章目录脚手架的基本使用初始化脚手架分析脚手架结构 render函数修改默认配置 ref属性 props属性 mixin混入插件 scoped样式 Todo-list案例组件化编码流程(通 ...
Vue脚手架First
1. Vue脚手架 Vue脚手架是一个开发基于Vue框架的前端项目的软件. Vue脚手架的项目是"单页面"的,也就是在这样的项目,只有1个HTML页面,它认为页面是由多个模块组成的 ...
Vue 脚手架(vue-cli) 环境搭建
目录 (1)使用 npm 命令安装模块 (2)全局安装与本地安装 (3)安装 vue (4)安装 Webpack (5)安装 Vue 脚手架 (6)在计算机创建一个工程目录 (7)根据模版创建项目 v ...
Vue脚手架搭建及vue项目创建【详细教程】
目录 Vue脚手架环境安装 Vue项目创建 Vue项目目录结构项目运行流程组件结构 Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具 ...
如何创建vue脚手架
创建vue脚手架 Vue脚手架是vue官方提供的标准化开发工具(平台) 参照官方文档vue CLI(command line interface)–命令行接口工具 https://cli.vuejs. ...
Vue脚手架入门基础
文章目录 1.课程简介 1.1. 关于Vue 1.2. 关于Vue脚手架 1.3. 关于npm 2.搭建开发环境 2.1. 安装Node.js 2.2. 配置npm源 2.3. 安装VUE Cli 3 ...
Vue 脚手架CLI 初始化项目
1 介绍 CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架. Vue CLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建vue开发环境以及 ...

vue脚手架---vue-cli

vue脚手架---vue-cli相关推荐

最新文章

热门文章