联系电话:029-85366199


资质荣誉
奖牌 奖牌 奖牌 奖牌
Web前端您现在的位置:主页 > Web前端 > web前端开发入门搭建vue.js脚手架
web前端开发入门搭建vue.js脚手架
浏览次数:140  添加时间:2017-12-12 09:49:24
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
 
2.基于node.js,利用淘宝npm镜像安装相关依赖
 
 在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装...(使用淘宝npm镜像是因为没有使用vpn建议使用国内的镜像,下载速度会快一点,如果直接安装依赖卡住很长时间的话,那么建议还是使用淘宝镜像吧)
 
3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
 
在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装...
 
            2).输入:vue,回车,若出现vue信息说明表示成功
 
4.创建项目
 
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,新手的话就是一路回车,而到了以后熟练之后可根据项目开发需要进行设置选择。
 
5.安装依赖
 
在cmd里  1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
 
             2).输入:cnpm install,回车,等待一小会儿
 
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
 
 
6.测试环境是否搭建成功
 
方法1:在cmd里输入:cnpm run dev
 
方法2:在浏览里输入:localhost:8080(默认端口为8080)而端口号可以在项目的config文件夹中index.js文件中修改。
 
运行起来后的效果如下图所示:
 
vue脚手架搭建项目成功效果图
文章来源:www.ityunxueyuan.com

版权所有 西安兆隆计算机云学院
大话南门分校:西安市碑林区长安北路
高新分校:陕西省西安市雁塔区科技路
学院简介|课程详情|学员就业|强大师资|校园新闻