vue的安装配置

1.访问vue的官网:

https://cn.vuejs.org/v2/guide/installation.html安装配置
2.安装淘宝镜像项目搭建
1、安装node 
到官网下载安装。 
(中)https://nodejs.org/zh-cn/ 
(英)https://nodejs.org/en/
2、安装cnpm镜像 
(node自带安装了npm,国内直接使用 npm 的官方镜像是非常慢的, 淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。)
npm  install  -g  cnpm
--registry=https://registry.npm.taobao.org

3.快速学习Vue2.0教程 
(中)http://cn.vuejs.org/ 
(英)https://vuejs.org/ 
4.安装Vue2.0
cnpm install vue 

5.安装vue-cli 脚手架工具
cnpm install -g vue-cli

6.安装模块加载器兼打包工具webpack

cnpm install webpack –g

7.创建一个基于 webpack 模板的新项目
vue  init  webpack
  my-project

注意:不应用ESLint 
创建webpack模板项目时,如果你对ES6和ESLint不是很熟的话我个人不建议你应用它,因为要求比较严格,所以一不小心就报错,导致整个项目运行不起来,对于初学很痛苦。 

8.安装依赖
cd   my-project        //到项目目录下
cnpm  install     //安装依赖 node-moudles

9.运行新创建的vue项目
npm run dev

10.创建项目成功

11.安装模块时安装方法
cnpm  install  [name]

原文地址:https://www.cnblogs.com/yu-hailong/p/8119605.html

时间: 2024-11-05 12:32:37

vue的安装配置的相关文章

浅入深出Vue:工具准备之WebStorm安装配置

浅入深出Vue之工具准备(一):WebStorm安装配置 工欲善其事必先利其器,让我们先做好准备工作吧 导航篇 WebStorm安装配置 所有工具的下载地址都可以在导航篇中找到,这里我们下载的是最新版本的WebStorm 安装 下载后即可食用,此步骤与正常软件安装并无二样. 若有固态硬盘,尽可能安装在固态硬盘上,物理加速一下~ 按照自己的系统来勾选32位还是64位,若羽的机器装的是64位系统,因此勾选的是64位.另外为了防止本机没有JetBrains系列所需的JRE环境,建议直接勾选即可. 接下

Webpack 安装配置vue环境

前言 第一次写东西,可能会比较乱,还请理解! 安装步骤 打开命令行工具,输入 node -v 查看NodeJS的版本号,若未出现版本号则请移步http://nodejs.cn/download/ 进行下载安装, 若安装成功,则查看npm是否安装,输入 npm -v 查看npm是否成功安装. 上述工作准备之后,就可以来进行vue的安装了. 可以打开https://cn.vuejs.org/v2/guide/installation.html查看官网给的安装步骤,虽然我的看起来会有些多余,但是也是为

webpack构建vue项目(配置篇)

最近公司要求用vue重构项目,还涉及到模块化开发,于是乎,我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具,发现上手并不是很容易,现将总结的一些有关配置的心得分享出来,欢迎大神来拍砖... 一.新建一个项目目录,cd /d 定位进去,然后输入npm init,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行npm init -y 直接跳过,这样就在项目目录下生成了一个package.json文件. 二.接下来就是通过npm安装项目依赖项,命令行输入

vue-cli中安装配置方法

vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1.安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定性都比较好) 2.在目标文件夹下打开终端 3.执行cnpm install vue-cli -g 全局安装 运行vue查看安装是否成功 4.运行vue init webpack(注:模板名称) sell2(注:项目名称) 5.进入项目文件夹下执行 cnp

Vue项目安装

刚刚开始学习Vue.js.今天分享一下我的Vue项目安装过程. 我是windows系统,使用安装工具是NPM 一.Vue安装 1.检查是否已经安装了node和npm 在命令窗口(windoes + R 键打开输入cmd确认)输入node -v 和npm -v,如果显示出版本号,说明安装成功 2.安装vue-cli 在全局安装vue-cli npm install -g vue-cli (这种方法安装较慢,可以使用国内淘宝镜像安装:npm install -g cnpm --registry=ht

【前端】vue.js环境配置以及实例运行简明教程

vue.js环境配置以及实例运行简明教程 声明:本文档编写参考如下两篇博客,是对它们的修改与补充,欢迎点击链接查看原文: 原文1:vue.js在windows本地下搭建环境和创建项目 原文2:Vue.js开发环境搭建 VUE.JS简介 何为Vue.js Vue.js(读音 /vju?/, 类似于 view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue

【vue】vue.js安装教程

前提:已安装nodejs--npm  (备注教程  "物理安装"  ) 第一步:建了一个managerSys文件夹,用于保存项目 第二步:从cmd进入该文件夹,之后开始安装vue.js相关 1)在该项目managerSys中安装npm(基于node.js,利用淘宝npm镜像安装相关依赖) 接上步输入命令:    npm install -g cnpm --registry=https://registry.npm.taobao.org 2)安装全局vue-cli脚手架(用于帮助搭建所需

Windows上安装配置Node.js

Node.js简介 简单的说 Node.js 就是运行在服务端的 JavaScript.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.js 的包管理器 npm,是全球最大的开源库生态系统. 下载 https://nodejs.org/ 环境配置 说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似

vue-cli 3.x安装配置步骤详细说明

一.vue-cli 3.x简单介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统:是一个类似于 create-react-app 的可以用例命令行快速配置和生成一个 vue 项目. CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack 和 webpack-dev-server 之上(提供 如: