初学时，搭环境，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.之后在你想要的工程目录下：使用...
{// 此项指明，转码的规则"presets": [// env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码["env", {"modules": false,"targets": {"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]}}],// 下面这个是不同阶段出现的es语法，包含不同的转码插件"stage-2"],// 下面这个选项是引用插件来处理代码的转换，transform-runtime用来处理全局函...
什么是脚手架？可以快速生成新项目的目录模板(Node.js)，将复杂的前端项目分成多个系统化的模块，便于管理和编辑，简化开发的软件。什么是Vue-CLI？是一个基于 Vue.js 进行快速开发的完整系统，一种交互式的项目脚手架，用于自动生成vue.js+webpack的项目模板（要使用此脚手架必须先准备vue,vue-cli，webpack，node等一些必要的环境）。什么是webpack?WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScrip...
搭建vue环境之后，会生成一个文件夹，如图一级文件夹：1.build：主要是用来配置构建项目以及webpack2.config:项目开发配置3.node_modules ：npm或者cnpm或者yarm所下载的依赖包。4.src:你的源代码5.static:静态文件夹6test：测试，一般可以删掉。index.html ：最外层的页面一般title等都设置在这里。 package.json ：存放你要依赖包的json数据。assets：存放资源文件，例如css、js、image公共文件components：存放公共组件，例如...
原文转自http://blog.csdn.net/Shiyaru1314/article/details/54963027目录(?)[-]1 安装之前需要检查是否已经安装NodeJS的环境 安装文件下载地址httpsnodejsorgen 下载得到压缩文件node-v694-c64msi 双击进行安装 查看安装目录 nodejs就安装完成 2安装vue-cli3基本使用4模板推荐的工具包 使用 Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作...
在合适的文件夹选择cmd窗口运行 vue init webpack my-first 出现下面的问题说明之前的vue init创建命令不能用了，现在3.xx了首先命令行输入vue -V 查看版本号vue init webpack hello-world 已经替换为 vue create hello-world按<上下键>移动，按<space>进行是否选定【空格键选择】，按<a>切换所有，按<i>反转选择default是默认配置manually自定义配置一般选择自定义配置? Please pick a preset: Manually select features? Check...
1.先安装node，然后查看node -v 2.安装webpack，然后查看npm install webpack -g 3安装脚手架,然后查看npm install -g @vue/cli (安装脚手架3）npm install @vue/cli -init -g (拉取2.x webpack模板） 4.初始化项目vue init webpack my-project(项目名字：my-project ; 不用中文)根据需要选择对应的内容截的图，有点糊，安装内容，详细解释： 5.切换到项目下面，在npm run dev 6.项目运行成功 原文：https://www.cnblogs.com/...
Vue脚手架搭建 主要分以下几步：Node.js（Javascript运行环境）安装 2.Vue.js安装 3.脚手架搭建 4.项目文件描述 1.Node.js安装下载安装测试下载安装点击下载: Node下载 根据自己电脑系统安装，一直点下一步即可测试Windows+R快捷键打开cmd窗口，输入node -v出现版本号，即安装成功！ 2. 脚手架搭建使用NPM安装—NPM: NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题由于 NPM 安装速度慢（服务器在国外），...
使用路由对象$route获取参数：1、params：参数获取：使用$route.params获取参数；参数传递： URL传参：例 <route-linke to : "/foods/bjc/北京烤鸭/68"> 注：在对应路由path上使用 /:+属性名称接收参数实例：需要在子组件的路由中定义所需的属性名; 代码：<template id="foods"><div><h2>美食广场</h2><ul><router-link to="/foods/bjc/北京烤鸭/68" tag="li"> 北京菜</router-link><router-link to="/foods/hnc" tag="li"> 湖南...
书接上上会，因为当时也没想好怎么办，所以装聋作哑的忽略了Vue文件中的Style，Vue的做法我看着晕乎乎的，细想的话，无非就是自动填写到dom中，所担心的无非是命名冲突。在一个项目中（像我这种自娱自乐的项目中）加载的自定义组件是不会重名的（应该不会吧，反正就是让他不会的意思），那就每个Vue中加组件名做前缀，然后duang，写入dom。规规矩矩的放在head里，齐活了更新一下我那个牛逼的文件// vue插件引入Vue.use({// 插件初始...
本文主要给大家介绍全新打包工具parcel零配置vue开发脚手架的相关知识，感兴趣的朋友一起看看吧。parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上。