关键词：
1、环境搭建
1.1、安装node.js
1.2 安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
1.3 修改npm为淘宝镜像
因为npm的仓库有许多在国外，访问的速度较慢，建议修改成cnpm，换成taobao的镜像。
打开命令行工具，复制如下配置：
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后等待，安装完成如下图。
不知道为什么我修改镜像时会报这个错误，看到身边的同学修改又没有出现这个问题，所以我查了一下百度，清除了一下缓存，然后再粘贴上去就可以了，或者你们安装的时候不会报这种错误
1.4、安装webpack
安装webpack，打开命令行工具输入：
npm install webpack -g
安装如下：
结果：
安装完成之后输入
webpack -v
如下图，如果出现相应的版本号，则说明安装成功。
2.安装vue-cli脚手架构建工具
打开命令行工具输入：然后等待安装完成。因为改了镜像，这里不能再写npm 是写 cnpm
cnpm install vue-cli -g
安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
2.1、构建项目
在这里我选择了一种、在硬盘上找一个文件夹放工程用的
2.1、安装vue脚手架输入：vue init webpack myproject，注意这里的“myproject” 是项目的名称可以说是随便的起名，最好不要使用 “中文”，因为涉及到乱码问题。
所以避免不必要的麻烦。
2.2 创建项目时候，首先我们要选定目录，然后再命令行中把目录转到选定的目录。在这里，我选择E来存放新建的项目，则我们需要先把目录cd到盘，如下图。
结果：
完成后的项目目录：
以上的编译成功后可以直接在浏览器中查看项目：
这样就基本完成了。
先学习到这里记录一下自已学习中的东西，加深对Vue.js的理解。
vue.js2.0:如何搭建开发环境及构建项目
1，安装node.jsNode.js官网：https://nodejs.org/en/进入Node.js官网，选择下载并安装Node.js。安装过程只需要点击“下一步”即可，如下图，非常简单。验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输... 查看详情
react脚手架环境搭建流程(代码片段)
1.安装与配置node.js：1.1软件下载地址：https://nodejs.org/en/，推荐下载.msi文件，其中npm已经集成在了node.js中。1.2双击下载的.msi文件进行安装，安装过程直接按照默认设置点击下一步即可，安装目录用户可自行修改。安装完成后，... 查看详情
vuevue安装和环境配置
...端打包工具）5、查看webpack是否安装成功6、安装vue-cli脚手架构建工具7、创建Vue项目1.安装node.js进入官方网站下载：https://nodejs.org/zh-cn/从node.js官网下载并安装node&# 查看详情
element-ui使用基本介绍
...cknpminstall-gwebpack12.安装vue-clivue-cli是什么？vue-cli是vue.js的脚手架，用于自动生成vue.js模板工程的。使用步骤：安装vue-cli：npminstall-gvue-cli1 查看详情
vue.js2.0学习重点记录
...Script5特性。Vue.js.js支持所有兼容ECMAScript5的浏览器。Vue.js安装安装方式有两种：1、直接下载用script标签引入（推荐引入开发版本，压缩版本会失去错误提示和警告）2、使用cdn方法引入3、npm安装 np 查看详情
3.vue脚手架(代码片段)
3.脚手架3.1.初识3.1.1.简介Vue脚手架/Cli(CommandLineInterface)是Vue官方提供的标准化开发工具（开发平台）。官网：https://cli.vuejs.org/zh/3.1.2.安装全局安装@vue/cli(第一次使用时配置即可)npminstall-g@vue/cli#在使用这串命令之前需要下载好nodej... 查看详情
vue-cli脚手架安装和使用(代码片段)
目录一、环境搭建二、安装vue4.0三.创建项目一、环境搭建1.安装node去官网https://nodejs.org/en/下载安装包，安装完成后，输入node-v看下是否成功二、安装vue4.01.卸载旧版本vue-cli(如果第一次安装跳过既可)注：如果卸载有问题，检查C:... 查看详情
vue3脚手架安装vue@/cli(代码片段)
@vue/cli是一个Vue脚手架，用来快速构建模块化项目结构系统环境：-node环境：node-v-npm环境：npm-v-nrm环境:nrmls安装node.js网址：https://nodejs.org/zh-cn/download/这里选择windows64位.msi格式安装包.msi和.zip格式区别ÿ 查看详情
vue.js2.0开发
使用vue-cli，首先安装：npminstall-gvue-cli安装完了执行vue命令，会出现vueinit<template-name><project-name>project-name就是我们项目目录的名字，vueinitwebpackmy-project,这里的webpack就是我们的构建工具，下面我们运行：vueinitwebpackvuejs-2.0... 查看详情
安装node.js，及vue-cli脚手架和webpack加载打包工具(代码片段)
node.js安装(以Windows版本安装v12.0.0版)Node.js是一个跨平台JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序MND介绍：https://developer.mozilla.org/en-US/docs/Glossary/Node.js官网地址：1.官网下载node.js途径：网址 查看详情
vue-cli脚手架的环境搭建
vue-cli （1）检查node版本 在安装vue的环境之前，安装NodeJS环境是必须的。可以使用node-v指令检查，需要保证安装了4.0版本以上的nodeJS环境。当然，没有安装的话，去Node.js的官网下载一下，各种下一步，傻瓜式安装就好，... 查看详情
vue环境配置vue-cli脚手架
vue环境配置步骤：第一步：在官网下载node，Node 下载地址http://nodejs.cn/并安装node。检测node是否安装成功，按“windows+r” 进入cmd命令窗，在命令窗口输入node-v ->”enter"键 ->输入npm-v ->‘enter‘键... 查看详情
vue2.0环境搭建
...和npm的版本号node-vnpm-v3.安装webpackcnpminstallwebpack-g4.安装vue脚手架npminstallvue-cli-g5.找到空文件夹，根据模板创建项目vueinitwebpack-simple工程名字<工程名字不能用中文>或者创建vue1.0的 查看详情
vue环境配置脚手架环境搭建vue工程目录
首先在初始化一个vue项目之前,我们需要下载node.js,并且安装!下载地址:nodejs.cn/download安装完成之后,windows+r运行命令cmd 输入node-v 检查是否已经安装成功.如果会显示版本信息,说明安装成功!现在就可以使用node中的npm包管理... 查看详情
vue_使用npm搭建vue2.0脚手架开发环境
...ue的运行环境，这里主要是使用淘宝镜像cnpm进行搭建vue的脚手架开发环境。主要是分为mac和window两个版本，两个环境的搭建都是大同小异。 mac开发环境的搭建：1.安装Node.js（这个只需要去nodeJS官网下载安装就可以了）以下的... 查看详情
vue.js2.0的独立构建和运行时构建
转自：https://jingsam.github.io/2016/10/23/standalone-vs-runtime-only-build-in-vuejs2.html?utm_source=tuicool&utm_medium=referral 在使用Vue.js2.0时，有独立构建（standalone）和运行时构建（runtime-only）两种版本可供选择。而在Vu 查看详情
vue脚手架的搭建(代码片段)
另一博客地址：https://segmentfault.com/a/1190000016451376一、基础的知识1、html2、js3、css二、搭建项目过程--windows系统1、node.js环境--检查是否已安装node环境node-v如果没有安装的话，可以去node官网安装。2、安装cnpm（可以选择不安装）[... 查看详情
vue2.0配置环境以入门实例
•node.js环境（npm包管理器）•vue-cli脚手架构建工具•cnpm npm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入n... 查看详情