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构建项目

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置,默认回车即可

4.安装依赖

  先进入你的项目里面

1).输入:cd my-project(项目名),回车,进入到具体项目文件夹

2).输入:npm install,回车,等待一小会儿

原文地址:https://www.cnblogs.com/lizhao123/p/9368100.html

时间: 2024-10-08 00:40:44

vue脚手架安装步骤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

vue脚手架安装

//---------------------------------------startvue新版脚手架 //卸载旧版本npm uninstall vue-cli -g cnpm install -g @vue/cli或yarn global add @vue/cli //新版本 vue --versioncnpm install webpack -g e:cd E:\AvsWorkSapcevue create ysxVue //启动项目 yarn serve // OR npm run

vue脚手架安装,新建项目,打包

1.安装node.js 从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了. 2.安装cnpm 淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue cnpm install vue 4.安装脚手架 cnpm install --global vue-cli 5.新建一个项目 vue init webpack 项目名称运行初始化命令的时候回让用户输入几个基本的选项,如项目

安装vue脚手架及其他vue工具

一.安装vue脚手架   网上有许多教程,基本都是大同小异,不在这里班门弄釜了,具体可以参照下面链接这个博客. https://www.cnblogs.com/loveyaxin/p/7094089.html 二.安装vue工具之vue-devtools-dev 其实安装这个工具比安装vue脚手架更简单,注意细节就好. 1.在GitHub上下载压缩包,下载地址:https://github.com/vuejs/vue-devtools 2.将文件解压到任意盘,然后cmd到vue-devtools

vue 脚手架 使用步骤

当我知道搭建脚手架得使用命令行的时候.我就崩溃了.所以写一篇记录以后留着自己用也方便大家. 首先要安装一个node 环境, 1.打开cmd    进到你要建项目的目录: E:              直接进入哪个盘 cd vue       进入vue这个文件夹 2.生成项目模板 vue init <模板名#版本号> 本地文件夹名称 确认文件名: 3.这样本地就会有这个项目了.

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

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

前端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时,需要传入一个参数(选

关于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安装(vue-cli脚手架安装)

安装方法1:<script> 标签引入 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入.Vue 会被注册为一个全局变量. vue.min.js的版本 开发版本:包含完整的警告和调试模式 生产版本:删除了警告,24.72kb min+gzip 重要提示:在开发时请用开发版本,遇到常见错误它会给出友好的警告.(开发环境不要用最小压缩版,不然就失去了错误提示和警告!) 安装方法2:使用 CDN 方法 unpkg, 会保持和 npm 发布