vue 脚手架 使用步骤

当我知道搭建脚手架得使用命令行的时候。我就崩溃了。所以写一篇记录以后留着自己用也方便大家。

首先要安装一个node 环境,

1.打开cmd    进到你要建项目的目录:

E:              直接进入哪个盘

cd vue       进入vue这个文件夹

2.生成项目模板

vue init <模板名#版本号> 本地文件夹名称

确认文件名:

3.这样本地就会有这个项目了。

时间: 2024-10-09 22:14:16

vue 脚手架 使用步骤的相关文章

vue脚手架安装步骤vue-cli

1.环境搭建     安装node.js: 从node.js官网下载并安装node,安装过程很简单.  npm 版本需要大于 3.0,如果低于此版本需要升级它: # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g 2.安装vue-cli脚手架构建工具 先看下你的电脑有没有安装vue 没有就安装 如下 $ vue //回车,若出现vue信息说明表示成功 $ npm install -g vue-cli //回车,等待安装... 3.用vue-cli构

使用vue脚手架进行构建项目

使用iview中脚手架构建步骤: 首先在官网上下载脚手架:https://www.iviewui.com/cli 解压后打开exe文件, ,点击新建工程输入项目信息和git仓库后点击创建工程, 再选择一个文件夹进行创建后,自动生成了以下文件目录 使用npm install直接安装依赖,然后就可以直接npm run dev启动了. 在rooter.js中可以配置路由,这里我增加一个login.vue的配置 然后再login.vue中就可以使用官网下的各种模板进行页面布局了~~.贴一张测试丑照 这里

使用vue脚手架工具搭建vue-webpack项目

对于Vue.js来说,如果你想要快速开始,那么只需要在你的html中引入一个<script>标签,加上CDN的地址即可.但是,这并不算是一个完整的vue实际应用.在实际应用中,我们必须要一系列的工具,包括:模块化,转译,预处理,热加载,静态检测和自动化测试等.对于一个需要长期维护和大型的项目而言,这些工具是必不可少的,但是尝试配置初始化这些很痛苦.这就是我们发布vue官方提供的脚手架工具的原因,一个简单的构建工具,通过几个默认的步骤帮助你快速的构建Vue.js项目. 1.安装node环境 可以

Mac OS X下安装Vue脚手架(vue-cli)

前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序.具有开发快,双向数据流等特点,有些人认为Vue是Angular和React的结合,既有Angular的模板语法也有React的组件化体系,以至于促使其发展飞快.下面来就来讲讲Vue脚手架(vue-cli)的安装吧. 安装vue(使用npm 推荐) # 全局安装 vue-cli $ npm install --global vue-cli # 创

关于npm和yarn 安装vue脚手架

第一篇博客有点小紧张.轻喷~ 第一步:安装node.js       地址 --------https://nodejs.org/en/ 详细步骤这里就不写了    可以去看     地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 第二步:下载完了之后进入cmd  输入node -v查看版本号 看到上面表示安装成功.node.js是自带npm的,直接npm install -g @vue/cli

vue开发搭建(npm安装 + vue脚手架安装)

一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli:   用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt

前端MVC Vue2学习总结(二)——Vue的实例、生命周期与Vue脚手架(vue-cli)

一.Vue的实例 1.1.创建一个 Vue 的实例 每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型,Vue 的设计无疑受到了它的启发.因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例. 1.vue.js就是一个构造器,通过构造器Vue来实例化一个对象:例如:var vm = new Vue({});2.实例化Vue时,需要传入一个参数(选

Vue脚手架(vue-cli)安装总结

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序. 提供一个官方命令行工具,可用于快速搭建大型单页应用(SPA).该工具为现代化的前端开发工作流提供了开箱即用的构建配置.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于生产环境的构建配置的项目: 1 # 全局安装 vue-cli 2 $ npm install --global vue-cli

vue脚手架的快速搭建方式以及内部目录结构

a    ,搭建Vue脚手架的方式   首先 检查电脑是否已经安装好了node   且node版本不能低于6.0.0 查询node  使用命令行   node -v    (如果版本过底 可去官网下载安装即可) b ,   检查完了node后就可以开始着手安装了 1 , 首先   先要安装好webpack  命令行 npm install webpack -g 2 , 在webpack安装好的基础上   我们开始安装vue-cli脚手架 命令行        npm install vue-cl