栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

创建vue项目

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

创建vue项目

一、安装node.js

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

    

    点击下载

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

    

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

    

    如上图查看node和npm的版本

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

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

    

二、安装vue的脚手架

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

    

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

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

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

    输入指令 vue init webpack vue_demo

    

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

    

    看回CDM

    

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

    完成继续输入npm run dev

    

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

    说明创建成功vue项目。


    

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240161.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号