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