vue脚手架安装

//---------------------------------------start
vue新版脚手架

//卸载旧版本
npm uninstall vue-cli -g

cnpm install -g @vue/cli或yarn global add @vue/cli //新版本

vue --version
cnpm install webpack -g

e:
cd E:\AvsWorkSapce
vue create ysxVue

//启动项目
yarn serve
// OR
npm run serve
//---------------------------------------end

//旧版本

vue 脚手架
1& 安装node.js
test
node -v
npm -v
2&安装vue的脚手架 全局安装vue-cil
先用淘宝镜像安装cnpm才可以使用哦

npm install -g cnpm --registry=https://registry.npm.taobao.org
test
cnpm -v
用cnpm安装vue脚手架
cnpm install -g vue-cli
test
vue -V(V 大写)
3&生成项目
cd指令进入项目目录

node -v(小写v) 看下,若没有,自己取官网安装一下(下面npm命令行node里面有)
vue -V (大V)看下,若没有npm i vue-cli -g
webpack -v(小写v)看下 若没有 npm install webpack -g
如果提示 Which one do you like to install (webpack-cli/webpack-command):
则:
npm install --save-dev webpack-cli -g
(
cnpm install webpack -g
提示cli 就
cnpm install webpack-cli -g
)
确保这三个都有的情况下
cd到项目文件夹 执行:
vue init webpack vuepro(vuepro可以是自己取的任意名字)
//**************
//**************
cd 到项目目录 *** 执行:
npm install vue-resource --save
npm install vuex --save

安装vue-resource是用于ajax请求的vue插件 用来和服务器端进行数据通信
npm install vue-resource --save

安装vuex是用于管理每个组件之间的状态值的改变
npm install vuex --save

项目名 vuees6test
author ysx

//**************

原文地址:https://www.cnblogs.com/sx00/p/10913929.html

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

vue脚手架安装的相关文章

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开发搭建(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脚手架安装步骤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安装(vue-cli脚手架安装)

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

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

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

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脚手架及其他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

npm——安装教程、安装vue脚手架

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. 首先:先从nodejs.org中下载nodejs 如图,下载8.9.3LTS(推荐给绝大部分用户使用的) 双击安装 一直Next 可以使用默认路径,本例子中自行修改为d:\nodejs 点击In