Vue提供了一个官方的CLI，为单页面应用（SPA）快速搭建繁琐的脚手架。Vue CLI官方文档 => https://cli.vuejs.org/zh/guide/ 一、基本安装 1. 安装指令 npm i @vue/cli -g2. 检查是否安装或者版本 vue --version3. 创建vue项目 vue create vue-app在安装的时候选择手动，然后根据需求进行选择配置，后期也可以自己创建一个vue.config.js文件进行配置修改。比如：在安装时，选择了标准严格模式(ESLint + Standard config)，...
使用Vue-cli 脚手架生成的项目使用Vetur+ Prettier + ESlint的配置设置代码规范和格式先安装插件.Vetur+ Prettier + ESlint1、ESlint设置 文件.eslintrc.js中的配置 1 module.exports = {2 root: true,3 env: {4 node: true 5 },6‘extends‘: [7‘plugin:vue/essential‘,8‘eslint:recommended‘ 9 ],
10 parserOptions: {
11 parser: ‘babel-eslint‘12 },
13 rules: {
14‘no-console‘: process.env.NO...
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有：1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 首先：先从nodejs.org中下载nodejs 如图，下载8.9.3LTS（推荐给绝大部分用户使用的）双击安装 一直Next 可以使用默认路径...
1、config/index.jsvar path = require(‘path‘)module.exports = {build: { // production 环境env: require(‘./prod.env‘), // 使用 config/prod.env.js 中定义的编译环境index: path.resolve(__dirname, ‘../dist/index.html‘), // 编译输入的 index.html 文件assetsRoot: path.resolve(__dirname, ‘../dist‘), // 编译输出的静态资源路径assetsSubDirectory: ‘static‘, // 编译输出的二级目录assetsPublicPath: ‘/‘...
1.跨域config/index.js 主配置文件中 dev 属性下 proxyTable 配置代理信息：proxyTable: {‘/api‘: { // 匹配所有以 ‘/api‘开头的请求路径target: ‘http://localhost:4000‘, // 代理目标的基础路径 //表示允许跨域请求 4000端口下的数据changeOrigin: true, // 支持跨域pathRewrite: { // 重写路径: 去掉路径中开头的‘/api‘‘^/api‘: ‘‘}}}, //代理设置 原文：https://www.cnblogs.com/Hijacku/p/14813011.html
1.1runtime-compiler 和 runtime-only 的区别Runtime + Compiler:recommended for most users运行时+编译器:推荐给大多数用户编译过程 template-》ast-》render-》vdom-》真实DOMnew Vue({el: ‘#app‘,components: { App },template: ‘<App/>‘
}) Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere仅限运行时:大约...
一、安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。
安装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。 我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。 到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像—...
Vue 框架-10-搭建脚手架 CLI + 批处理快捷启动脚手架是通过 webpack 搭建的开发环境使用 ES6 语法打包和压缩 JS 为一个文件项目文件在环境中，而不是浏览器实现页面自动刷新环境准备1.安装 node.js
官网：https://nodejs.org/zh-cn/2.打开终端或者 cmd 使用下面两个命令进行测试：要求：node 版本 >6.9.0node -v要求：npm 版本 >=3.10.0npm -v安装 Vue CLIVue CLI 官方文档：https://cli.vuejs.org/guide/1.全局安装 vue-cli，使用...
搭建vue-cli 脚手架构建工具步骤：首先：1、安装nodejs2.安装淘宝镜像 (npm install -g cnpm --registry= https://registry.npm.taobao.org)3、cnpm -v 若出现相应的版本号则说明镜像安装成功4、安装webpack（npm install webpack -g）5、webpack -v 检查是否安装成功6、安装vue-cli脚手架构建工具(npm install vue-cli -g)7、 vue -V（注意是大写的V若出现相应的版本号则说明安装成功）8、创建项目* vue init webpack projectName...
初学时，搭环境，es6也来了，vuecil脚手架也弄了，调错，照着教程一遍一遍kei着。。。然尔，实际开发中，所写的东西最后是要打包封装成软件的，为了方便其他人修改查看，不能打包成js文件。。。难道就真的要与vue失之交臂吗？no！不可以。于是乎，我就做了这些事情。通讯，在vue官网里介绍的$el是实例化元素，还有var app=new Vue({……})的app也是指这个实例对象。那么在不是数据很多，逻辑不是很复杂的时候，当然我也没尝试vueX来...
1、为什么用nodejs
因为它是javascript运行环境，不同系统直接运行各种编程语言
是我即将使用vue的推荐开发环境。
选择对应版本，https://nodejs.org/en/download/
下一步下一步就好
2、为什么安装npm
它是Nodejs下的包管理器。安装好nodejs就可以使用npm
检查是否成功
安装好之后，对npm安装的全局模块所在路径以及缓存所在路径，进行环境配置。是因为以后在执行类似：npm install express [-g]（后面的可选参数-g，g代表global全...
Vue 是一套用于构建用户界面的渐进式框架。Vue CLI的中文网：Vue CLI (vuejs.org) 点击“起步”，点击“安装” 打开命令行输入npm install -g @vue/cli
# OR
yarn global add @vue/cli 等一段时间 用这个命令来检查其版本是否正确： 输入vue ui,进入可视化界面，创建项目比较简单可视化界面 原文：https://www.cnblogs.com/fenglingyuxiu/p/14852426.html
首先，第一步，新建个项目文件夹shift+鼠标右键选择打开命令窗口npm install -g vue-cli
然后安装好了之后新建个项目的目录 vue init webpack testProject name 这里可以输项目名称
Project description 这里可以输项目的描述
然后就一直回车
Install vue-router 这里问要不要安装路由
Use ESLint to lint your code 然后这里问要不要装ESList检测
然后就一直回车到最后ok了。然后接下来去安装一下依赖 ，你可以退出手动进去刚...
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有： 1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 首先：先从nodejs.org中下载nodejs 如图，下载8.9.3LTS（推荐给绝大部分用户使用的）双击安装 一直Next 可以使用默认路径，本...
最近在学习使用vue，简单汇总下如何使用vue-cli脚手架自动化搭建一个vue项：1.首先，要安装node.js，之后第一步检测是否安装node；没有安装node的同学请到官网下载安装 https://nodejs.org/en/download/安装成功后在命令行查看node版本，如果有说明安装成功。 2.之后全局安装vue-cli脚手架电脑进入cmd，任意路径下 使用 npm命令：npm install vue-cli -g注意：npm -v 3.0+ npm版本需要在3.0之上 3.之后在你想要的工程目录下：使用...
vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
