码迷,mamicode.com
首页 > 其他好文 > 详细

使用 vue-cli 3.0 创建项目

时间:2019-05-21 13:26:06      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:技术   bsp   npm   init   href   pwa   dll   tar   uil   

  1. 切换到要创建项目的目录下,
    vue create < your-project >
  2. 如果能创建成功,则说明已经安装了 vue-cli 3.0;否则按照提示安装: npm install -g @vue/cli, 再次创建项目: vue create < your-project >
  3. 出现以下提示,我直接选择了 default,选择默认配置    技术图片
  4. 这样就等待项目创建成功  技术图片

 

使用 3.0 vue create 创建项目 和 之前 vue init 创建项目差别:

1. 启动项目不在是 npm run dev ,而是 npm run serve

2. 去掉了2.x buildconfig等目录 ,大部分配置 都集成到vue.config.js这里了

 vue.config.js里
大概包括了配置 常用的输出路径名、跟目录、预处理、devServer配置、pwa、dll、第三方插件等等
详细配置可以看官方文档 详细config配置

3. package.json 里面也略有所不同,分环境打包。 因为是刚学,对打包项目不太了解,切换成 3.0 先走一遍。

 

参考:https://juejin.im/entry/5ac1c540f265da237c690faf

https://segmentfault.com/a/1190000014627083

使用 vue-cli 3.0 创建项目

标签:技术   bsp   npm   init   href   pwa   dll   tar   uil   

原文地址:https://www.cnblogs.com/mlllily/p/10898997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!