惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
H
Help Net Security
量子位
The Cloudflare Blog
博客园 - Franky
博客园 - 聂微东
博客园 - 司徒正美
Last Week in AI
Last Week in AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Apple Machine Learning Research
Apple Machine Learning Research
宝玉的分享
宝玉的分享
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
有赞技术团队
有赞技术团队
罗磊的独立博客
GbyAI
GbyAI
雷峰网
雷峰网
T
The Blog of Author Tim Ferriss
Martin Fowler
Martin Fowler
S
SegmentFault 最新的问题
美团技术团队
阮一峰的网络日志
阮一峰的网络日志
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
U
Unit 42
MongoDB | Blog
MongoDB | Blog

博客园 - 我就是那个王小明

git修改历史提交记录名字 gitbase配置两个git仓库源头地址 yarn dev 或者 npm run dev 或node -v 等报错:'node' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 htmlToPdf ES6 Generator使用 - 我就是那个王小明 - 博客园 数组中的每一项按照某个属性分组 - 我就是那个王小明 - 博客园 前端开发快速定位bug的一些小技巧 基本css拼图形 forEach时候删除数组某一属性项,使用splice容易出现问题 对于vue的一些理解 配置vuex并使用 一些意想不到的小bug。 小程序开发中遇到的问题 rem原理 vue使用webpack压缩后体积过大要怎么优化 分别使用ES5和ES6进行数组去重以及注意事项 nodeJS理解 package.json和bower的参数解释 Angular.js基础
vue搭建开发环境
我就是那个王小明 · 2018-07-18 · via 博客园 - 我就是那个王小明

一、 首先确保安装了node.js,安装了node.js就安装了npm
在将要开始项目文件夹的文件夹中,对于路径study/project,如果项目文件夹是project,就在study下git bash

二、如果网速快不用安装淘宝镜像,如果网速不支持npm,就安装cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

三、安装webpack
Web pack用来将vue组件中的.vue文件打包成.js文件,从而使得用户端的各种浏览器可以解析。
指令: $ cnpm install webpack -g

四、安装vue
指令: $ npm install vue

五、安装vue脚手架 vue-cli
Vue脚手架用来生成模板的Vue工程,相当于就是按照Vue设计的模板设计图来盖房子。
指令:$ cnpm install vue-cli –g

六、 使用webpack创建本地项目文件库my-project
指令: $vue init webpack my-project
一路yes就可以

这个ESLint 好像是校验代码风格的,编辑器中容易出现代码规范提醒,如果不喜欢,可以no

七,进入并配置并运行
$ cd my-project
$ cnpm install(推荐用npm install 但是我的npm太慢了,就用的cnpm,也可以用。)
$npm install vue-router vue-resource –save(安装路由和网络)
$ npm run dev