关键词：
vue 安装教程
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
2.基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，等待安装...
3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里 1)输入：cnpm install -g vue-cli，回车，等待安装...
2).输入：vue，回车，若出现vue信息说明表示成功
4.创建项目
在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作
5.安装依赖
在cmd里 1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹
2).输入：npm install，回车，等待一小会儿
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
基于脚手架创建的默认项目结构如下图所示：
6.测试环境是否搭建成功
方法1：在cmd里输入：npm run dev
方法2：在浏览里输入：localhost:8080(默认端口为8080)
运行起来后的效果如下图所示：
问题：
在安装过程中，你可能会遇到这个问题.
当我们运行某个项目是 会提示
> my-first-vue-project@1.0.0 dev C:\\Users\\ASUS\\my-project > node build/dev-server.js To use this template, you must update following to modules: npm: 2.15.9 should be >= 3.0.0
这是只有升级npm
即是 ：使用 npm -g install npm@3.0.0 （版本号2.9.1 可以根据已发布的版本随意升级或降级），获取最新版本的npm 文件
查看版本：
这时在项目中进行 npm run dev 时还是会 提示
因此还有一部关键的一步：
复制C:\\Users\\你的Windows用户名\\AppData\\Roaming\\npm\\node_modules\\npm下的文件到你的 NodeJS安装目录下的 \\node_modules\\npm 中，覆盖掉原有的全部文件
最后运行 npm run dev 成功运行
vue-cli教程(代码片段)
1.安装vue-cli再安装完成npm之后，利用npm安装vue-cli，全局安装：npminsall-gvue-cli。倘若npm速度慢，建议替换为cnpm（https://npm.taobao.org/）。2.初始化vue项目命令格式为：vue-cliinit重要文件讲解：package.jsonpackage.json文件是项目根目录下的... 查看详情
vue2教程菜鸟(代码片段)
https://www.runoob.com/w3cnote/vue2-start-coding.html什么是npm。webpack，vue-cli；安装webpackcnpminstallwebpack-g安装vue脚手架npminstallvue-cli-g进入项目路径中；安装项目依赖一定要从官方仓库安装，npm服务器在国外所以这一步安 查看详情
vue教程(三十九)vue-cli2脚手架安装(代码片段)
Vue教程(三十九)vue-cli2脚手架安装VueCLI介绍CI是Command-Lineinterface，翻译为命令行界面，但是俗称脚手架。VueCL是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建vue开发环境以及对应的webpacki配置。安装NodeJS可以直... 查看详情
vue教程(三十九)vue-cli2脚手架安装(代码片段)
Vue教程(三十九)vue-cli2脚手架安装VueCLI介绍CI是Command-Lineinterface，翻译为命令行界面，但是俗称脚手架。VueCL是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建vue开发环境以及对应的webpacki配置。安装NodeJS可以直... 查看详情
vue教程(二十五)webpack安装(代码片段)
Vue教程(二十五)webpack安装模块(modules)在模块化编程中，开发者将程序分解成离散功能块(discretechunksoffunctionality)，并称之为模块。每个模块具有比完整程序更小的接触面，使得校验、调试、测试轻而易举。精心编写的... 查看详情
vue教程(三十二)webpack使用vue配置步骤(代码片段)
Vue教程(三十二)webpack使用vue配置步骤新建一个项目vue安装本地webpack初始化npm配置webpack.config.js文件npminstallwebpack@3.6.0--save-dev初始化npmnpminit安装vuenpminstallvue@2.5.21--save配置webpack.config.js文件//导入Node中path常量constp 查看详情
vue安装教程及简介(代码片段)
Vue.js是一套构建用户界面的渐进式框架。只关注视图层，采用自底向上增量开发的设计。目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue学习起来非常简单。目录常用的vue.js版本及方法学习vue之前需要掌握... 查看详情
@vue/cli(vue脚手架)超详细教程(代码片段)
...置webpackbabel支持css,less支持开发服务器支持 1.2 @vue/cli安装全局安装命令yarnglobaladd@vue/cli#ORnpminstall-g@vue/cl 查看详情
vue环境搭建简介(代码片段)
简单整理下vue的安装的新建项目安装node.js和npm参考其他教程安装vuenpminstallvue安装脚手架vue-clinpminstall--globalvue-cli安装完成后，执行命令查看vue版本Vue--version安装webpacknpminstall-gwebpack创建项目vueinitwebpack"ProjectName" 设置项目属性... 查看详情
vue教程：简介(代码片段)
...兼容ECMAScript5的浏览器。下面总结的内容是在2.x的版本。安装直接用 <script> 引入直接下载并用 <scrip 查看详情
最详细的问win10vue安装教程及cnpm安装完之后一直说不是内部命令的原因详解(代码片段)
...一点前端知识，需要用得到vue框架，下面对vue框架的详细安装以截图和文字的形式展示，如有任何问题，请联系我，共同学习。一、Vue.js简介?Vue(读音/vju?/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不... 查看详情
vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决(代码片段)
这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题所需的所有文件，链接：https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg提取码：2yvc一、vue.js插件下载下载地址：vue.js插件下载ÿ... 查看详情
vue教程(三十七)搭建本地服务器(代码片段)
...果。不过它是一个单独的模块,在webpack中使用之前需要先安装它。安装模块npminstall--save-devwebpack-dev-server@2.9.3修改webpac 查看详情
vue教程(三十七)搭建本地服务器(代码片段)
...果。不过它是一个单独的模块,在webpack中使用之前需要先安装它。安装模块npminstall--save-devwebpack-dev-server@2.9.3修改webpac 查看详情
vue-cli2,vue-cli3（vue脚手架）超详细教程(代码片段)
文章目录vue-cli脚手架Node.js环境安装vue-cli2的安装npm，cnpm介绍安装脚手架用脚手架生成项目目录vue-cli3的安装使用vue-cli3图形界面vue-cli脚手架顾名思义，脚手架就是用来协助，配合，帮助构建一个项目的。使用vue-cl... 查看详情
基于vscode开发vue项目的详细步骤教程(代码片段)
1、Vue下载安装步骤的详细教程(亲测有效)1_水w的博客-CSDN博客2、Vue下载安装步骤的详细教程(亲测有效)2安装与创建默认项目_水w的博客-CSDN博客目录五、vscode集成npm开发vue项目1、vscode安装所需要的插件：2、搭建一个vue小页面(... 查看详情
vue教程(三十六)webpack之代码混淆插件uglifyjs(代码片段)
Vue教程(三十六)webpack之代码混淆插件UglifyjsUglifyjs插件，可以对js等文件进行压缩安装插件npminstalluglifyjs-webpack-plugin@1.1.1--save-dev修改webpack.config.js文件//导入Node中path常量constpath=require("path");constwe 查看详情
手把手教安装vue安装教程+vscode配置！！！(代码片段)
含泪整理Vue安装教程因为换了新电脑很多软件要重装，所以想到可以写一份教程，为我以后换电脑方便重装也为了大家！！第一次安装Vue踩坑太多，这里整理一份超详细教程（win11也可！！！... 查看详情