vue脚手架工具vue cli搭建项目

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_42966021/article/details/96922533

vue脚手架工具vue cli搭建项目

一、安装vue cli

执行:

npm install --globle vue-cli

如果执行报错如下:
报错信息
进行如下操作解决
第一步:

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

第二步:

cnpm install webpack -g

第三步:

cnpm install --global vue-cli

二、利用vue cli搭建项目

1、构建项目

进入自己代码目录下执行
vue init webpack Travel,Travel为自己项目名字
在这里插入图片描述

2、运行项目

执行

//第一步安装项目依赖,如果报错执行cnpm install
npm install
//第二步打包
npm run build
//第三步,运行项目
npm run dev

3、将本地代码上传云仓库码云

//清空控制台
clear
//查看仓库状态
git status
//添加代码到本地仓库的缓存区
git add .
//提交代码到本地仓库
git commit -m 'project initialized'
//提交代码到远程仓库
git push
展开阅读全文

没有更多推荐了,返回首页