码迷,mamicode.com
首页 > 其他好文 > 详细

vue的初始化

时间:2018-08-23 23:11:03      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:vue   浏览器   org   png   使用   src   技术分享   web   技术   

1.首先要有node.js

可以去node的官网去下载 https://nodejs.org/en/download/

技术分享图片

可以选择对应的版本,最好选LTS,比较稳定,下载后安装

在cmd,输入node -v

技术分享图片

显示有版本号,则安装成功

2.因为npm是国外的,使用起来挺慢的,博主在这里推荐使用淘宝npm

cmd命令是 :npm install -g cnpm --registry=https://registry.npm.taobao.org即可

即可用cnpm替代npm

3.接着下载全局vue-cli脚手架,在cmd的命令是:cnpm install vue-cli -g

4.搞完脚手架后,我们这个时候就可以建一个新项目了,首先在cmd里切换到你想要在的目录

然后输入vue init webpack xxx ,这里xxx是你自己想要的项目名字,可以改的,基本接下来一路回车即可

5.创建好一个项目后,我们要给这个项目建立依赖

其cmd命令:cnpm install

6.安装好之后,此时测试,在cmd输入:cnpm run dev 回车即可

技术分享图片

 

技术分享图片

即成功了,有的时候浏览器不会自动弹出来,是因为在config文件夹下的index.js的:

博主当初创建的时候默认为false,改成true就好了

技术分享图片

vue的初始化

标签:vue   浏览器   org   png   使用   src   技术分享   web   技术   

原文地址:https://www.cnblogs.com/ssszjh/p/9526936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!