创建一个vue-cli项目


安装vue-cli脚手架步骤

1. 先安装node,已安装忽略进入下一步

如果未安装,点我进入node官网下载

安装完成后检查版本号,vue-cli 脚手架目前需要node版本为 v4.0 以上;

node -v

在国内,npm安装的速度和下载的时候可能会出问题,推荐使用cnpm 安装

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

2. 全局安装vue-cli

cnpm install vue-cli -g

检查vue-cli是否安装成功,使用vue -V查看版本

vue-cli提供了几个模板给开发者用于不同类型的项目,可以通过vue list指令查看

3.初始化一个webpack模板项目

vue init webpack demo

以上直接选择npm instal安装依赖

你也可以cd demo进入目录使用cnpm install安装依赖

cnpm install

运行项目

cnpm run dev

在浏览器打开localhost:8081

4.项目打包上线

使用cnpm run build将项目进行打包生成一个dist文件,复制到服务器上就可以了。

cnpm run build

优质内容筛选与推荐>>
1、因为fddler导致无法打开网页(可以连接网络)
2、BZOJ 3097 Hash Killer I
3、PCIe
4、codeforces Gym 100500H H. ICPC Quest 水题
5、E - What Is Your Grade?


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号