vue项目不一定都是要搭建脚手架，也可以直接用cdn引入vue的形式，写的静态页面不搭建脚手架也是可以的；前言 vue2 然后通过以下命令安装 webpack cnpm install webpack g 注下面 orange 默认给出 npm 的安装方案，安装失败请自行转为 cnpm 安装 在需要创建工程的位置运行 vue init webpacksimple 工程名。

在尝试稍微复杂的功能或者遇到问题时，容易找到相关满意的解决方式，总体来说还是比较适合入门的后续看时间能多熟悉些实际项目，真正用于搭配后端做个可用的项目1 Vuejs介绍 2 Vue CLi脚手架；在没有Vue脚手架的时候，我们需要手动搭建webpack项目手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构其官网地址为 安装 3x 版本的 Vue 脚手；对于vue的使用可以分为两种使用形式1引入vuejs文件，在js中将vue实例化2通过node安装第三方包vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面引入vuejs的写法 Vue分为V层视图层；1基础配置 安装环境安装成功就可以在项目中使用sass 全局注册scss配置 然后重新运行，就可使用 2换肤小案例最后看一下展示效果吧；项目使用vuecli脚手架搭建，部署到nginx下 修改configjs下的indexjs 修改nginx的配置文件nginxconf 之后启动nginx访问即可修改配置文件，将build之后的文件路径改为Tomcat的webapps下，这样避免每次部署的复制dist文件夹下面；毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事在config的indexjs文件夹里把host的值由localhost改为“0000”，然后就可以用手机浏览器ip+端口号打开了ps改配置文件就是重新npm start。

第一种 使用vuecli快速搭建脚手架 第二种 vueinit初始化项目 先聊一下第一种方式全局安装 vuecli 如图安装成功后开始初始化项目，执行 vue init webpack myblog，点击enter键，直至新建项目完成myblog为项目；需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置；vuecli脚手架安装命令安装之后 执行 vue V#160，如果出现相应的版本号就是安装成功 4用vuecli创建一个基于webpack的新项目并运行 首先可以在桌面新建一个文件夹，如Vue 然后执行cd Vue 进入文件夹，然后输入。

检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack 模；官网的vuecli已经非常清楚明白咯你只要利用npm进行安装vuecli，之后vue init webpack 这里的三个点是你的项目命名然后他就自动的下载模版引擎，后面的东西可以根据它的提示进行后续操作，启动的话也是很简单的；1 如果你已经全局安装了旧版本的 vuecli1 或2，你需要先通过 npm uninstall vuecli g 或 yarn global remove vuecli 卸载它卸载脚手架2全局安装 npm install g @vuecli 或 yarn global add @vue；我也是初学，不知道理解的对不对，如有错误请轻喷脚手架工具搭建的项目应该是把Vue作为一个模块如CommonJS规范的模块对待，在源码中引入vue模块，最终需要用构建工具如webpack载入模块，编写代码需要require#39vue#39。