vue-cli脚手架使用

166 阅读1分钟

今天写一个vue脚手架使用。之所以写这个文章是因为本人之前开发,安装了vue/cli开发分支,开发起来虽然没多大问题,但是开发分支是没有config文件的,也就没办法进行配置。 好吧,长话短说,其实配置脚手架很简单。但是首先你需要安装过node和npm,这个安装起来很简单,建议下载稳定版node,直接安装就可以,这是我的node和npm版本,当然有些人觉得npm安装较慢,毕竟是翻墙安装,这样的话可以安装个淘宝镜像

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

接下来npm都替换成cnpm就可以,不过我们这里还是用npm安装

然后执行全局安装vue-cli的命令

npm i -g vue-cli

接下来就可以生成项目了

vue init webpack new-project

项目生成会提示,如何运行

cd new-project //进入项目目录
npm run dev //运行项目

这就是运行结果

浏览器中输入生成的主机名和端口号