继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

创建vue项目

琉璃述
关注TA
已关注
手记 18
粉丝 0
获赞 5

一、安装node.js

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

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

    点击下载

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

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

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

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

    如上图查看node和npm的版本

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

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

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

二、安装vue的脚手架

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

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

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

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

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

    输入指令 vue init webpack vue_demo

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

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

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

    看回CDM

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

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

    完成继续输入npm run dev

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

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

    说明创建成功vue项目。


    

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP