关键词：
如果要配置node.js环境请查看（node.js环境在Window和Mac中配置，以及安装cnpm和配置Less环境）在终端输入命令 cnpm -v出现版本号
1.安装vue window ：cnpm install vue/ Mac：sudo cnpm install vue
2.安装vue-cli
window ：cnpm install -g vue-cli /Mac：sudo install -g vue-cli
3. 进入要创建工作空间的目录，我要创建在E盘下
cd E:
vue init webpack firstApp (后面firstApp为自定义项目名称)
Error：
1.执行vue init webpack demo后一直处于...downloading template状态。
2.因为init初始化的是基于webpack模板的项目，觉得应该会是webpack的问题，但是之前已经安装过webpack，这里我尝试重新安装webpack。
运行nrm use taobao切换npm到淘宝镜像。
运行cnpm install webpack -g / sudo cnpm install webpack -g，重新安装webpack。
3.重新运行vue init webpack dfirstApp，项目就可以构建成功了。
4.测试Vue是否安装成功
方法1：在cmd里输入：npm run dev
此时一定要进入项目目录下面要不然会出错。
MacBook-Pro:Front-end QQ$ cd /Users/QQ/Desktop/Front-end/firstApp
MacBook-Pro:firstApp QQ$ npm run dev
> [email protected] dev /Users/QQ/Desktop/Front-end/firstApp
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
95% emitting
方法2：在浏览里输入：localhost:8080(默认端口为8080)
运行起来后的效果如下图所示：
vue.js2.0:如何搭建开发环境及构建项目
1，安装node.jsNode.js官网：https://nodejs.org/en/进入Node.js官网，选择下载并安装Node.js。安装过程只需要点击“下一步”即可，如下图，非常简单。验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输... 查看详情
vue项目搭建和运行
...管理器）vue-cli脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网 查看详情
vue.js:搭建开发环境及构建项目
发环境的搭建安装node.js直接下一步就好，注意安装的位置 Node.js官网：https://nodejs.org/en/验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node-v即可得到对应的Node.js版本。 npm包管... 查看详情
vue环境搭建简介(代码片段)
简单整理下vue的安装的新建项目安装node.js和npm参考其他教程安装vuenpminstallvue安装脚手架vue-clinpminstall--globalvue-cli安装完成后，执行命令查看vue版本Vue--version安装webpacknpminstall-gwebpack创建项目vueinitwebpack"ProjectName" 设置项目属性... 查看详情
如何搭建vue+node开发环境
...择是32还是64 二、下载好node之后，打开cmd，先看看node安装成功了没有，输入node-v，回车，会输出node的版本号三、在D盘新建一个项目四、用WebStorm编辑器打开文件，全局安装vue-cli脚手 查看详情
如何运行一个vue工程
...管理器）vue-cli脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网下载并安装no 查看详情
初学者如何搭建vue环境并且创建vue项目(代码片段)
...底下，node环境不会整的同学可以参考这篇文章：安装node和cnpm教程https://blog.csdn.net/TroyeSivanlp/article/details/121297856下载vue模块包下载这个方法很多，用yarn，npm都可以下载，这 查看详情
vue项目搭建(代码片段)
安装node环境配置npm在安装全局模块时的路径和缓存cache的路径因为在执行例如npminstallwebpack-g等命令全局安装的时候，默认会将模块安装在C:Users用户名AppDataRoaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，所以这里配置... 查看详情
vue项目框架搭建
1、安装node.js直接百度搜索或者在其中文官网也可以下载http://nodejs.cn/download/ ，在安装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node-v或者npm-v，出现版本号说明安装成功。如下图所示： 2、改变... 查看详情
vue----项目与环境搭建初始项目结构vue生命周期(代码片段)
...vue--Djangonode--pythonnpm--pip"""node下载地址官网node安装流程:傻瓜式安装#在cmd中敲node查看是否安装成功默认添加环境变量安装cnpmnmp换源#查看版本>:npm--version#换源g代表全局>:npminstll-gcnpm--registry=https://registry.npm.taobao.org... 查看详情
vue在windows的环境配置(代码片段)
...老的原因，老是出错，遂出此教程。 过程： 1：安装node.js（https://nodejs.org/en/）地址：https://nodejs.org/en/下载安装 测试是否安装成功：nodejs里面会安装npm指令，显示版本号安装成功。 2：配置nodejsprefix... 查看详情
搭建vue开发环境
...的库开发的复杂单页应用。 那么在windows系统下如何安装vue环境呢? 1.安装node.js，vue要基于node开发，安装好后输入node-v，查看版本 2.安装cnpm命令管理工具，一般用淘宝的：npminstall-gcnpm--registry=https://registry.npm.taobao.org&n... 查看详情
vue.js在windows10系统下的环境搭建
vue.js在windows10系统下的环境搭建流程1、安装node.js（node包含了npm包管理器）node.js安装包以及源码下载地址：https://nodejs.org/en/download/注意：使用安装包（.msi）（作为小白的我，直接用了.exe，导致环境变量都不会自动配置，真的... 查看详情
vue项目结构
...我刚开始接触Vue时，我还未接触node.js，脚手架webpack。在安装时就遇到了难题。vue-cli作为一款mvvm框架语言(vue)的脚手架，集成了webpack环境及主要依赖，对于项目的搭建、打包、维护管理等都非常方便快捷。一、安装Node环境在node... 查看详情
vue3项目搭建教程（基于create-vue，vite，vite+vue）(代码片段)
...ig.ts配置一、搭建vue3项目前提条件前提条件熟悉命令行已安装16.0或更高版本的Node.js （1）、检查node和npm版本信息同时按window+R键,输入cmd,打开命令提示符窗口输入： node–v （查看本机安装的node版本） ... 查看详情
如何搭建vue项目
一、安装node环境1、下载地址为：https://nodejs.org/en/2.检查安装是否成功 1)ctrl+r输入cmd 2)输入node-v如果有版本号，就代表安装成功 二、安装npm 1.使用淘宝镜像安装效率会高点（通过cmd入口... 查看详情
如何搭建一个vue项目(代码片段)
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npminstall-gcnpm–r... 查看详情
如何运行一个vue项目(代码片段)
...境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像安装node.js安装需要安装v10.15.3稳定 查看详情