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.csdn.net/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.csdn.net/u011127019/article/details/53158660VsCode插件整理
5、编译器 vscode ,支持vue语法高亮,更新后高亮消失了,郁闷。
vscode插件:http://blog.csdn.net/u011127019/article/details/53158660VsCode插件整理