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

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
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页