前端小白vue入门之-vue环境搭建

windows 系统：

1、先下nodejs。用lts版

安装node.js(教程http://www.runoob.com/nodejs/nodejs-install-setup.html)

基本上就是下一步下一步，然后检测是否安装成功

检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，是否刚才安装的路径下出现nodejs

cmd进入那个路径，输入： node --version,出现版本号，测试成功。

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信息说明表示成功

参照：http://www.cnblogs.com/ganmy/p/6029774.html vue.js开发环境搭建

-g 是全局安装目录， 不带的话就是当前目录，如下vue init webpack xxx

参照： http://blog.youkuaiyun.com/zhouziyu2011/article/details/54964373

4、创建工程

（1）cd命令进入将要新建工程的目录，如“E:\nodejs”

用命令"vue init webpack mytest"创建一个基于 webpack 模板的新项目，工程名为"mytest"。

（2）cd命令进入mytest目录

（3）安装该工程依赖的模块

用命令"cnpm install”安装该工程依赖的模块，这些模块将被安装在：mytest\node_module目录下，node_module文件夹会被新建，而且根据package.json的配置下载该项目的modules。

（4）运行项目

用命令“cnpm run dev”测试该项目是否能够正常工作，用nodejs来启动。
5、编译器 vscode ,支持vue语法高亮，更新后高亮消失了，郁闷。
vscode插件：http://blog.youkuaiyun.com/u011127019/article/details/53158660VsCode插件整理