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

Vue学习11之脚手架

时间:2020-04-22 16:07:04      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:规范   https   电脑   force   nod   dev   版本   特定   文件   

开发大型项目,需要使用的Vue CLI。

因为:Vue.js直接开发需要考虑结构部署、目录结构、热加载、测试单元等等等都需要配置,效率太低,使用脚手架可以帮助我们自动生成好。

  建筑上的脚手架:

技术图片

 

   首先电脑上一定要安装了node和npm,直接在cmd中输入node就可以检测。版本最必须要9以上的版本。

  然后全局安装脚手架3:

npm install -g @vue/cli

  下载起来感觉有点慢查了一下改一下淘宝镜像就能快不少。安装完成后可以通过vue --version来查看版本。我tm竟然报错了说有些文件已经存在还是咋的,不能惯着直接--force安装成功。

  脚手架2项目创建需要输入特定指定:

vue init webpack my-project

  脚手架34项目创建需要:

vue create 项目名称

 选项中有这么一个选项:

 技术图片

 

   建完了项目可以看到文件夹已经生成了。

  从package.json开始读 dev命令和build 命令。

技术图片

 

 build 中做了这样一个事情,用node直接执行了build下面的build.js文件。build.js部分代码如下:

技术图片

 

 导入了很多的包,然后在webpack.prod.conf.js中合并了很多基础配置,还有很多插件。

editorconfig文件中写了一些语法规范,eslintignore文件中对一些代码进行忽略(里面写的文件的代码忽略语法检测)。gitignore代表上传的时候需要忽略的不需要的文件。postcssrc.js不需要改动,是css转化相关的。

index.html是一个模版,package.json负责管包。package-lock.json记录真实版本。

Vue学习11之脚手架

标签:规范   https   电脑   force   nod   dev   版本   特定   文件   

原文地址:https://www.cnblogs.com/snailbuster/p/12752662.html

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