热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue的使用配置

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

我的编辑器是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.安装项目依赖

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

npm install

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

cnpm install vue-router vue-resource --save

8.启动项目

npm run dev

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

 

10.

npm install node-sass --save-dev

npm install sass-loader --save-dev   

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

 

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

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

加群二维码

群名称&#xff1a;web技术交流群&#xff08;往全栈发展的&#xff09;

群   号&#xff1a;815957915

&#xff09;


转载于:https://www.cnblogs.com/Simple-and-complex/p/9728502.html


推荐阅读
author-avatar
津城小伙丶Mf
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有