vue环境的搭建,新手快速入门上手Vue
发布在web前端零基础交流学习 1537756272017年8月17日view:641
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

1、如何打开他人的VUE项目,或者demo 1)拿到一个他人的项目或者demo,对于新手来说第一件事干什么?当然是打开它,看到它的效果,对不对?那就打开编辑器,个人用webstorm还是比较不错的。 2)enter image description here enter image description here 在里面输入命令: 1.npm install -g cnpm --registry=https://registry.npm.taobao.org(淘宝镜像,必须有) 2.cnpm install webpack -g(安装webpack) 3.npm install vue-cli -g(安装脚手架) 4.cnpm install (很关键的一步) 3)最后一步,当然是运行啊,让项目跑起来,不跑玩蛇?命令:cnpm run dev (最最最关键的一步) 效果如下:enter image description here

古语有言,名师出高徒,如果跟弱者学习,那么就会成为弱者,跟强者学习,就会成为强者,学习前端也是如此,如果你是真心想学好前端这么技术,你可以加这个群153775627,前端大神之路正为你敞开!

二、如何搭建一个VUE环境,并且跑起来。 1.安装node。 2.安装cnpm镜像(node自带安装了npm,故不再安装) 3.快速学习Vue2.0教程(这个看自己悟性了啊,我是拖拖拉拉花了一周时间才入门的) 4.安装Vue2.0 (cnpm install vue) 5.安装vue-cli 脚手架工具( cnpm install --global vue-cli) 6.在某个目录下,创建一个基于 webpack 模板的新项目 $ vue init webpack my-project //my-project是你的项目名(看你要不要写这个my-project名字了,我是不写,然后回车看我下边的附图选择也可以) 7.安装依赖 $ cd my-project //到项目目录下 $ cnpm install //安装依赖 8.运行新创建的vue项目 $ cnpm run dev

运行后就会出现这个图: enter image description here 重点:1.安装Git(可选) 如果你熟悉或者想要学习了解Git,可以在安装node之前先安装Git,使用Git Bash代替windows的cmd命令面板。如果你用windows的cmd命令行工具,则以上安装命令前的“$”省略。 2.不应用ESLint。 创建webpack模板项目时,如果你对ES6和ESLint不是很熟的话我个人不建议你应用它,因为要求比较严格,所以一不小心就报错,导致整个项目运行不起来,对于初学很痛苦。 附带一张webpack模板选择图:我是这么选的,就是这么任性哈哈 enter image description here 总结:由于我没学过任何一个mvc框架,半吊子半路出家,学起来也很费劲,所以学起来在那些大神眼里很慢。 上天总愿眷顾努力的人,要相信越努力,越幸运!知识在于积累,个人只是想把会的跟大家分享,每天进步一点点,时间长了一定会成为一个合格的程序媛,而不是小码农。

评论
发表评论
暂无评论
WRITTEN BY
ajing
web前端零基础交流学习 153775627
TA的新浪微博
PUBLISHED IN
web前端零基础交流学习 153775627

web前端入门不难也不容易,但是没人教,自己自学还是会浪费很多时间的!

我的收藏