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

推荐订阅源

A
About on SuperTechFans
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 司徒正美
宝玉的分享
宝玉的分享
美团技术团队
量子位
The Cloudflare Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
IT之家
IT之家
爱范儿
爱范儿
J
Java Code Geeks
博客园 - Franky
Last Week in AI
Last Week in AI
B
Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
I
InfoQ
GbyAI
GbyAI
Recent Announcements
Recent Announcements
小众软件
小众软件
H
Help Net Security
Microsoft Azure Blog
Microsoft Azure Blog
MyScale Blog
MyScale 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