vue-cli

1、报错如下： 2、此时你执行npm run dev / npm run build 会报错如下 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vue@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install? npm ERR! A complete log of this run can be found in: 3、解决方案 先执行: npm cache clean --force 后: npm install 转自： https://www.cnblogs.com/xxm980617/p

. | -- build / / 项目构建 ( webpack )相关代码 | | -- build .js / / 生产环境构建代码 | | -- check - version .js / / 检查 node、 npm等版本 | | -- dev - client .js / / 热重载相关 | | -- dev - server .js / / 构建本地服务器 | | -- utils .js / / 构建工具相关 | | -- webpack .base .conf .js / / webpack基础配置 | | -- webpack .dev .conf .js / / webpack开发环境配置 | | -- webpack .prod .conf .js / / webpack生产环境配置 | -- config / / 项目开发环境配置 | | -- dev .env .js / / 开发环境变量 | | -- index .js / / 项目一些配置变量 | | -- prod .env .js / / 生产环境变量 | | -- test .env .js / / 测试环境变量 | -- src / / 源码目录 | | -- components / / vue公共组件 | | -- store / / vuex的状态管理 | | -- App .vue /

一、搭建本地服务器 1、首先保存本地的80端口被node监听，利用内网穿透工具把80端口映射出去。（ngrok工具可以穿透内网使本地ip作为外网使用） 2、打开https://natapp.cn/tunnel/edit/48496,根据自己的系统下载对应的版本工具，解压后打开cmd, 切换到解压目录，如图 3、详细操作过程 参照 NATAPP1分钟快速新手图文教程 https://natapp.cn/article/natapp_newbie 这时候，工具就把80端口映射出去了，而且还为你生成了一个域名，这个域名是可以被外网访问的。这样你的电脑目前就是一台小服务器了，有了这个域名和服务器，我们就可以来布置微信的测试环境了。 来源： https://www.cnblogs.com/wangRong-smile/p/10996643.html

一、文档结构 二、全局安装vue-cli npm intall -g @vue/cli // 查看版本号 vue -V 三、vue-cli 创建项目 vue create projectname // 按照文档操作，ctrl + A全选中； space单应用选中或者不选中； enter下一步 四、在vue.config.js 中配置 const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { lintOnSave: false, configureWebpack: { resolve: { alias: { '@assets': resolve('src/assets'), '@components': resolve('src/components'), '@views': resolve('src/views'), '@css':resolve('src/assets/css') } } }, }// 或者 const path = require('path');function resolve (dir) { return path.join(__dirname, dir)}module.exports = {

笔记一下： vue.js 安装，参考： http://www.cnblogs.com/wisewrong/p/6255817.html （vue-cli） http://www.cnblogs.com/zhuzhenwei918/p/6870340.html?utm_source=itdadao&utm_medium=referral (less install) https://www.zhihu.com/question/38213423 (moke、目录结构等) https://molunerfinn.com/Vue+Koa/ （ 全栈开发实战：用Vue2+Koa1开发完整的前后端项目（更新Koa2） ） 生命周期钩子函数： computed 计算属性,计算属性是基于它们的依赖进行缓存的，常可同时监听多个后的计算methods 则没有缓存 watch 可每个单独监听变动 条件渲染 v-if 被销毁和重建 只有为真，才渲染，常用于 不频繁切换 v-show 只是 display 的切换，开始就全加载 缩写： v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 --> <a :href="url">...</a> v-on 缩写 <!-- 完整语法 --> <a v-on:click="doSomething"

[2018-07-31更新]： vue-cli 3.0正式版的中文文档已经出来了，详细的可以参考： https://cli.vuejs.org/zh/guide/ 一、安装Vue和创建项目: # 安装 npm install -g @vue/cli注：快捷键win+R，输入cmd并运行，默认C盘，可设置对应的磁盘，如F盘， 输入cd\到C盘更目录，再输入f:进入F盘，最后就是自己自定义的文件夹cd vue # 查看已安装版本 vue --version 或者 vue -V # 卸载 npm uninstall @vue/cli -g # 新建项目 vue create my-project注：创建自定义项目(my-porject)的时候，可自定义设置项目相关配置，可以End默认，如果设置了的可以在vue.config.js配置文件中再次修改。 # 项目启动 npm run serve # 打包 npm run build 二、Vue相关配置--vue.config.js Vue-cli3.0的配置不同于之前版本，大大的简化了开发者工作，更人性化，只有一个配置文件-vue.config.js。 常用配置：1、样式预处理less，sass，公共样式文件设置 　　　　　2、端口设置和热加载 　　　　　3、第三方插件 vue.config.js --- 基础模版 module

在vue脚手架（vue-cli）下我很很快的就可以搭建自己的开发环境，但是我们把项目编写完后，需要进行打包上线会遇到各种问题，在根据版本问题，（ vue3的版本跟之前相比少了很多配置项 ）,下面是我用老版本进行的一个测试（新版还在研究） 很多时候我们在打包的时候会遇到各种的报错， 我遇到的问题就是在项目打包不是的时候遇到404和extract-text-webpack-plugin报错， 1、404，需要跟你相对应的 根目录下的config下面indiex.js修改，（有的版本是没有config和build文件的） 2、extract-text-webpack-plugin，可能你的项目中用到过， 该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法， 　　你要先去查看一下，webpack.dev.config.js下面你你有没有引用该插件，如果没有你按先引入 　　1.1： const ExtractTextPlugin = require('extract-text-webpack-plugin') 　　 1.2： 在 plugins数组下面添加一下代码 　　new ExtractTextPlugin({ filename: utils.assetsPath('css/[name].[contenthash]

　　安装好vue-cli之后，我们可以在package.json中看到下面所示： {　// 项目名称 "name": "myvue",　// 项目版本 "version": "1.0.0",　　　// 项目描述 "description": "A Vue.js project",　// 项目作者 "author": "",　// 是否私人 "private": true,　// 快速运行脚本 "scripts": {　　// 这是我们在本地调试时最常用的，即运行项目，创建了本地服务器在localhost:8088打开，运行的就是build下的server.js "dev": "node build/dev-server.js",　　// 同样的，因为很多人习惯 npn start 来启动一个项目，这里也是可以的。 "start": "node build/dev-server.js",　　// 即部署到服务器上我们需要使用这样的方式，运行build下的build.js "build": "node build/build.js" },　// 注意和devDependencies的区别，根据这里的依赖项，最终在build文件时，会将其中的依赖文件一起进行打包。 "dependencies": { "vue": "^2.2.6", "vue-router": "^2.3.1" },　/

详情看： https://www.cnblogs.com/coober/p/10875647.html 来源： https://www.cnblogs.com/xinheng/p/11162841.html

修改启动端口 在vue项目的根目录下，创建文件：vue.config.js，在该文件中写入内容： module.exports = { devServer: { port: 8888 } }; 然后启动项目即可 来源： oschina 链接： https://my.oschina.net/u/4118973/blog/3189694