vue的使用配置

我的编辑器是webstorm,虽然占内容占资源, 但是用起来很方便, 刚开始接触的时候就是用这个软件,很喜欢。

vue的教程

1、http://www.jianshu.com/p/5ba253651c3b 

2、续集http://www.jianshu.com/p/9c52ba3113da 
刚开始配置就是这里学习的,还是比较详细,新入门的同学可以看看。
 
vue基本配置
我觉得很多配置对刚入门的同学来说是没必要的,如果刚开始了解的话可以直接引入vue在线链接包,就是普通的编辑器像notepad++就可以学习了,
如果想有一定格式化的学习的话, 下载一个webstorm慢慢学习,创建一个webpack开始。
 
 
vue webpack 创建 (简版)
1。安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装webpack

cnpm install webpack -g

3.安装vue脚手架

npm install vue-cli -g

4.在硬盘上找一个文件夹放工程用的,在终端中进入该目录

cd 目录路径

5.根据模板创建项目

vue init webpack-simple 工程名字<工程名字不能用中文>
或者创建 vue1.0 的项目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

6.安装项目依赖

一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。

npm install

7.安装 vue 路由模块vue-router和网络请求模块vue-resource(路由的话刚开始学习不一定用得着,但是可以一起安装,慢慢就熟悉了)

cnpm install vue-router vue-resource --save

8.启动项目

npm run dev

9.缺什么npm install 什么(这是在以后的学习过程中或者和别人对接项目的时候,npm run dev 有时候报错是因为依赖缺少, 安装一下就行了)

 

10.

npm install node-sass --save-dev

npm install sass-loader --save-dev   

这两个是要使用scss的时候安装的,熟悉了就就会觉得传统的css很麻烦了,建议学习

 

(结束语:这是我的第一篇文章,写得有些仓促,因为刚加入工作大半年,一直忙着赶项目,所以很少有时间静下心去归纳知识,上面的都是以前的笔记拼接起来的,可能不是那么容易懂,以后有了很好的思路会更新的)

(ps: 如果有刚加入前端这个行业的,比较迷茫的同学,欢迎进群交流,刚创建的,或许只有我一个人,但是我会经全力帮助你或者互相学习的,相信未来会更好

加群二维码

web技术交流群(往全栈发展的)

815957915

posted @ 2018-09-30 10:53  快乐又疲惫的程序猿  阅读(385)  评论(0编辑  收藏  举报

-.-