美文网首页
零基础使用vue-cli脚手架+webpack搭建vue项目

零基础使用vue-cli脚手架+webpack搭建vue项目

作者: _孙小胖 | 来源:发表于2018-08-03 17:55 被阅读0次

项目搭建准备过程

node和Git需要先安装好,然后检查版本

### 有关先前版本的警告

程序包名称从更改vue-cli为@vue/cli。如果vue-cli已全局安装了先前的(1.x或2.x)软件包,则需要先使用npm uninstall vue-cli -g卸载它。

1.全局安装

```

npm install -g vue-cli

```

2.安装成功后在项目文件下运行Vue init webpack + 项目名

3.cd进入新建好的文件夹(football)执行npm install[注:一定要在创建好了Vue项目之后在执行命令]

4.然后执行 

```

npm run dev 

```

就大功告成啦 默认端口号8080 也可以自己更改

相关文章

网友评论

      本文标题:零基础使用vue-cli脚手架+webpack搭建vue项目

      本文链接:https://www.haomeiwen.com/subject/cahnyftx.html