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，回车，等待一小会儿

顺便安装一下vue-resource

//npm install vue-resource --save-dev
import VueResource from 'vue-resource'

转载于:https://www.cnblogs.com/lizhao123/p/9368100.html

vue脚手架安装步骤vue-cli相关推荐

Vue脚手架安装与 Vue项目创建运行、vue项目迁移后运行失败问题
目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功项目文件作用介绍快捷安装项目所需依赖命令 npm i Vu ...
vue脚手架安装以及vue脚手架创建项目（详细步骤）
系列文章: 文章目录 node.js安装 vue环境安装 vue创建项目命令行方式创建使用UI界面搭建 idea导入vue项目学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端 ...
vue-cli2.x旧版本卸载不掉的问题解决方案（亲测+踩坑）附Vue脚手架安装教程
旧版本卸载问题说明 vue2.x脚手架旧版本卸载不掉的问题:(卸载命令运行后输入vue --version仍一直显示旧版本) 问题解释首先明确一点,卸载不掉肯定说明你的电脑中至少有两个地方存在脚手 ...
Vue下载安装步骤的详细教程(亲测有效) 2 安装与创建默认项目
上篇请移步到Vue下载安装步骤的详细教程(亲测有效) 1_水w的博客-CSDN博客上一篇博文已经对Node.js的安装与配置进行了详细介绍. 另外:文中项目存放的路径及项目名称可根据自身实际情况进行 ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...
Vue脚手架使用步骤
Vue脚手架使用步骤 1.安装webpack 全局安装webpack命令行: npm install webpack -g 2.安装vue-cli脚手架构建工具全局安装,输入命令行: npm ins ...
vue脚手架安装时出现Error EPERM operation not permitted这个错误
vue脚手架安装时出现Error: EPERM: operation not permitted这个错误 **原因:**出现这个错误是因为安装全局模块时没有管理员权限,需要以管理员身份运行命令提示符窗 ...
Vue Router安装步骤
Vue Router安装步骤 1.在官网安装npm install vue-router 2.文件src下创建router文件夹,在router文件夹下创建router.js 3.在main.js导入 ...
windows安装vue脚手架(vue-cli)及vue ui无反应,npm i -g @vue/cli报错解决方案
首先去node.js官网下载系统对应的node.js版本. 安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功. 安装全局的cli.在命 ...

vue脚手架安装步骤vue-cli

vue脚手架安装步骤vue-cli相关推荐

最新文章

热门文章