脚手架

使用步骤： 1.下载全局的命令行工具 npm i -g @vue/cli 2.运行命令行工具，创建一个空白项目 vue create my_project 3.进入空白项目，运行该项目 npm run serve 4.客户端访问该项目 http://127.0.0.1:8080/index.html#/ 来源： https://www.cnblogs.com/sna-ling/p/11686163.html

1、vue的安装基于node，一定要确保本机已经安装node，node安装完成之后，会自带npm包。node下载地址： nodejs.cn/download/ 安装完成以后使用 ,进入cmd使用以下命令检查是否安装成功 node -v npm -v复制代码 2、搭建vue-cli基本流程与操作 npm install -g vue-cli vue init webpack demoName //demoName是项目文件夹的名字 npm install //安装依赖复制代码 3、测试vue是否安装成功 vue --version 来源： https://www.cnblogs.com/marksir/p/11685355.html

检查是否有 node - v 安装Vue-cli npm install -g vue-cli 安装好后,执行 vue list可以看到很多实用的模板,我这里实用的webpack 初始化模板 vue init webpack 名称 之后会出现一些选择项目 1.Project name 名 2.项目描述 : 这里可以写一些对这个项目的描述 3.Author(作者): 4.UserESlint to lint your code: 这里是代码风格检查器.为确保风格,最好选择yes,后面出现使用哪种选项,选择第一个风格即可. 5.Set unit tests with Karma + Mocha ? :是否使用这个单元测试.因为我是做界面,只要进行简单的界面测试就好. 6.Set e2e tests with Nightwatch? 自动化测试,我这里忽略了. 以上全部安装选择好cd名称之后就会发现你的项目已经创建好了. 安装nmp install 这个过程需要下载很多的依赖,需要慢慢的等待 nmp run dev 启动本地服务,打开网址: http://localhost:8080/ 来源： https://www.cnblogs.com/pamela1226/p/11670254.html

https://blog.csdn.net/qq_39725309/article/details/81558332 来源： https://www.cnblogs.com/JonaLin/p/11643265.html

1.首先我们去nodejs官网： https://nodejs.org/en/download/ (下载nodejs，下载自己电脑想匹配的最新版本) 2.其次 去下载一个cnpm （注释：淘宝npm镜像，这个是阿里把外国的npm服务器搬到我们中国来了，用淘宝镜像npm下载一些配置文件会更快一些） 操作如下：电脑右下角 window输入cmd， 把 npm install -g cnpm --registry=https://registry.npm.taobao.org复制到cmd里面去就可以拉。（注释：我们用ctrl+C 复制网站，在cmd中鼠标点击右键粘贴就可以复制 npm install -g cnpm --registry=https://registry.npm.taobao.org 然后回车键进行安装。 ） 3.安装vue文件 cnpm install i vue -S 4. 安装vue脚手架，关于脚手架问题， 有些兄弟姐妹会发现安装的时候会一直卡着不动，我也遇到过这个问题，最后查资料发现是我安装的vue脚手架版本比较低出现的问题 // 之前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤，我用vue init webpack app的时候，真的卡在一个地方一个晚上，睡醒后发现还是卡在那个地方，所以 一定要切记安装

1. Node和NPM 版本 2. 脚手架 在对React比较熟悉之前，为了避免陷入到开发工具的繁琐配置中，借助react官方提供的脚手架工具Create React App来搭建React应用 npm install -g create-react-app 来源： https://www.cnblogs.com/pangkang/p/11594834.html

如果之前有安装过其他的版本的话，要先卸载 卸载：npm uninstall vue-cli-g 或 yarn global remove vue-cli 安装：npm i @vue/cli -g vue create mytest（文件名） 运行：生成图形化界面 vue UI cd mytest（查找这个文件） 运行 npm run serve 来源： https://www.cnblogs.com/sxh24/p/11577276.html

前言 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 准备工作 在搭建一个vue项目之前，需要先安装好node.js和cnpm。 虽然npm也是可以使用的，但是npm安装会比较慢，进而导致网络问题安装失败，所以推荐使用cnpm进行安装；（附上cnpm全局安装代码） npm install cnpm -g --registry=https://registry.npm.taobao.org 这里还需要提一句，node版本需更新在6以上，否则安装过程会报错。 开始搭建 1） 全局安装vue-cli；命令行执行cnpm install -g vue-cli； 出现以下安装进程说明项目安装正常，可以正式创建项目了。 2） vue-cli安装成功后 ，cd进入存放项目的文件夹下，如果是直接在预先准备好的文件夹下创建的，就可以省去cd这一步； 然后执行vue init webpack，就会出现一些项目相关的信息需要选择配置， 按需填写即可； 信息配置完以后，文件夹下会生成文件目录，见下图： 3） 执行npm install，安装依赖； 4） 安装依赖成功，执行npm run dev启动项目； 启动成功，浏览器打开localhost:8082就可以打开项目啦~ 到这一个简单的vue项目就搭建好了，可以根据自己的需求去构建页面和内容啦。

解决全局更新 cnpm install npm -g 来源： https://www.cnblogs.com/daicw/p/11541749.html

1.脚手架 1.1脚手架介绍 前端开发中提到的“脚手架”是一个形象的比喻，比喻各类语言的前期工作环境。 在软件开发上（当然也包括前端开发）的脚手架指的就是：有人帮你把这个开发过程中要用到的工具、环境都配置好了，你就可以方便地直接开始做开发，专注你的业务，而不用再花时间去配置这个开发环境，这个开发环境就是脚手架。 比如vue.js就有个vue-cli脚手架，基于node.js的开发环境，作者帮你把开发环境大部分东西都配置好了，你把脚手架下载下来就可以直接开发了，不用再考虑搭建这些工具环境。 安装 npm install -g @vue/cli vue -V 证明下载成功 npm install -g @vue/cli-init 此时你的电脑上 通过终端既可以使用2.x版本和3.x版本的脚手架工具 关于vue-cli2.x 脚手架工具 vue init <模板> <项目名> 模板:webpack-simple 简单的配置webapck的模板 webpack 复杂的webpack模块，单元测试、ESLint 热重载 vue init webpack-simple my-project 1.2vue-cli 的webpack模板创建 来源： https://blog.51cto.com/10983441/2434587