为了账号安全,请及时绑定邮箱和手机立即绑定

创建vue项目

标签:
Vue.js

一、安装node.js

    下载node.js;到官网下载地址:https://nodejs.org/en/ (2020-09-27有用)

    https://img1.sycdn.imooc.com/5f6ff956000191ba17310815.jpg

    点击下载

    到文件夹下点击运行进行安装,

    https://img4.sycdn.imooc.com/5f6ff9c30001b75a09140517.jpg

    修改下安装路径,其他一路next,然后finish;

    https://img1.sycdn.imooc.com/5f6ffb3d0001ca0712230639.jpg

    如上图查看node和npm的版本

    安装一个淘宝npm镜像,因为npm是使用官方的,速度比较慢,安装个淘宝镜像可以相应的快点下载包。

    CDM 输入 npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

    https://img3.sycdn.imooc.com/5f6ffbef0001e2f412230639.jpg

二、安装vue的脚手架

    在cmd输入 cnpm install vue-cli -g      //全局安装 vue-cli

    https://img1.sycdn.imooc.com/5f6ffc7a0001fa4d12220639.jpg

    让它自动安装完成,已经安装了,就不测试了

    安装完成就可以创建vue项目了

    新建文件夹,在文件夹内shift+右键打开powershell

    输入指令 vue init webpack vue_demo

    https://img3.sycdn.imooc.com/5fad18000001beff12221022.jpg

    完成项目创建,到包下就可以看到创建的项目了

    https://img3.sycdn.imooc.com/5f70014400013f1008830655.jpg

    看回CDM

    https://img2.sycdn.imooc.com/5f7001b00001cd7e08850305.jpg

    cd到目录下,然后cnpm install下载vue环境

    完成继续输入npm run dev

    https://img1.sycdn.imooc.com/5f70021b0001e72611880633.jpg

    在浏览器输入http://localhost:8080/#/

    说明创建成功vue项目。


    

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
0
获赞与收藏
5

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消