脚手架

1、脚手架3拉取脚手架2 　　npm i -g @vue/cli-init 2、脚手架2初始化一个项目 　　vue init webpack 项目名称 1、有同学在安装vue cli 时查下你错误，最终解决方式： 　　npm clean cache -force 或者C:\Users\pc\AppData\Roaming\npm-cache 将其删除 在命令行输入后问题没有解决，因为有些指令命令行不会执行，可能会对系统造成破坏---已管理员的身份执行--解决 2、ESlint规范可能导致一些代码出错，如果创建时选择了ESLint但是又想取消，项目根目录--config--index.js--将 useEslint: true,改为false 来源： https://www.cnblogs.com/qqinhappyhappy/p/11437125.html

vue-cli 是vue官方提供的一个脚手架工具，用于初始化一个Vue项目； vue-cli的优势: 1、成熟的vue项目架构设计，而且会跟随vue版本的更迭而更新； 2、提供了一套本地测试服务器，而且是一个热加载的服务器； 3、提供了自己的一套集成打包上线的方案，webpack 或者gulpify在创建项目的时候可以进行选择； 有了以上优势，可以非常快速的搭建项目； vue-cli对系统的要求: vue-cli 是命令行的一个工具，系统需要 1、node.js(>=4.x) 2、能使用node的命令行终端； 第一步，我们安装node.js 进入nodejs官网： https://nodejs.org/en/ 下载LTS（长期支持稳定）版本，下载下来后，双击 一步一步安装即可； 测试安装是否OK； node --version 有版本号出来，就说明没毛病； 以及安装Node的时候，Npm包管理工具也是一并安装的； npm -v 第二步：安装Vue-cli； vue-cli脚手架最新版本是3，我们先学习稳定版2 全局安装命令：npm install -g vue-cli@2.9.6 执行后，慢慢等待吧，要搞一会呢； 等安装完后，vue -V 说明vue-cli安装没毛病； 第三步：使用vue-cli脚手架来新建vue项目； 命令：vue init webpack vue_demo

一、脚手架（vue-cli） 　　（一）什么是脚手架 　　　　概念：是一种用于快速开发Vue项目的系统架构 　　　　优点：能够帮助咱们快速的开发项目 　　　　缺点：由于脚手架适用于各种项目的开发，而不是单独的针对某一项目单独研发的，会出现代码冗余 　　（二）脚手架的使用： 　　　　1、安装脚手架 vue-cli 　　　　　　全局安装打开cmd运行：cnpm install -g @vue/cli 　　　　2、查看当前版本号： 　　　　　　vue -V 　　　　3、创建项目： 　　　　　　根目录下打开cmd运行：vue create objectname项目名称（名称不能有大写） 　　　　　　 　　　　4、安装： 　　　　　　 　　　　　　1）是否手动安装： 　　　　　　　　a、default默认安装： 　　　　　　　　b、manually手动安装： 　　　　　　　　 　　　　　　　　　注：空格键控制选中 　　　　　　2）是否在路由当中给予默认的history（hash哈希模式）模式 　　　　　　　　 　　　　　　 　　　　　　3）是否将配置单独放到一个文件，还是放到package.json文件里 　　　　　　　　 　　　　　　4）是否将此次设置保存并设置保存的名称 　　　　　　　　 　　　　　　基本配置完成 　　　　　　　　 　　　　5、cd objectname 　　　　　　cd

可以在全局定义一个MD5的方法，然后引入到vue的脚手架中。 来源： https://www.cnblogs.com/chenmz1995/p/11375930.html

转载路径： https://segmentfault.com/a/1190000011023102 从新建vue项目到引入组件Element 一、新建项目 1.查看 node是不是已经安装好命令：node -v (没有安装的先安装环境): https://nodejs.org/en/ node -v 2.查看 npm是不是已经安装好命令：npm -v (没有安装的先安装环境); 3.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm) 4.安装 vue-cli 4.1、cnpm install -g vue 4.2、cnpm install -g vue-cli 5. 安装 webpack cnpm install -g webpack 6.cd 你的运行目录 7.新建vue项目 vue init webpack vuedemo（vuedemo文件路径名） 需要注意的是项目的名称不能大写，不然会报错。 1、Project name (my-project) # 项目名称（我的项目） 2、Project description (A Vue.js project) # 项目描述一个Vue.js 项目 3、Author 作者（你的名字） 4、打包方式

1、 在idea新建一个Static Web项目 2、 在新建的项目下打开cmd 3、 输入安装脚手架命令：npm install -g vue-cli 4、 查看安装的版本：vue -V （2.X的为老版本） 5、 Vue-cli创建webpack项目：vue init webpack 6、之后如下图操作 7、项目创建成功 8、项目结构 来源： https://www.cnblogs.com/wanghj-15/p/11370948.html

npm install @vue/cli -g 脚手架3 npm install @vue/cli -init -g 脚手架2的插件 项目创建 vue create myapp 或vue init webpack myapp 来源： https://www.cnblogs.com/gitwusong/p/11357671.html

1.介绍：Vue CLI 的包名称由 vue-cli 改成了 @vue/cli 2.X版本安装 npm install -g vue-cli //运行项目 npm run dev 3.X版本安装 npm install -g @vue/cli 步骤1：npm install -g @vue/cli 步骤2：创建项目 vue create 项目名(英文) //执行命令之后，用默认的设置即可 步骤3：进入项目文件夹 `cd 项目名 步骤4：运行项目 npm run server 2.删除app.vue里面的代码，用scaffold快速生成代码 3.删除component里面的Holle-world.vue单文件组件 4.整合静态资源在assets文件夹中 注意：关掉自动保存 附件：nodemon作用 来源： https://blog.csdn.net/weixin_44818614/article/details/99222304