前端小白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脚手架,用于帮助搭建所需的模板框架

扫描二维码关注公众号,回复: 9091958 查看本文章

在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插件整理

发布了28 篇原创文章 · 获赞 5 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/java_utf8/article/details/66968653