vue项目环境的搭建
首先要明白Vue是基于node的，在公司要使用vue来开发项目的话肯定是要先安装node的,下面是搭建一个最简单的vue项目环境
一 安装node
这个可以去node的官网下载对应版本
安装好之后 cmd 中 输入 node -v 看是否安装好
二（可选）安装淘宝镜像cnpm
一般在第一步安装node时是自带给你把npm给安装了的（npm不懂的童鞋请自行百度），但我们通常会用cnpm，也就是淘宝镜像
因为用npm网速慢的话会很难受毕竟是国外的镜像
安装：可以在单个demo里面安装也可以全局安装命令都是一样的
在cmd命令行 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org；
三 安装脚手架vue-cli
在安装好淘宝镜像后就可以安装脚手架了，
安装：在cmd命令中输入 cnpm install --global vue-cli 安装好可以输入 vue 检查信息
四 搭建项目
环境都搭好了，最后一步就是去搭建一个vue项目了
首先随便在你的工作空间中创建一个空目录，我这里创建的叫vuedemo，然后在vuedemo这个目录打开cmd，可以选中上面搜索框路径如下图我已经选了然后打cmd按回车就可以弹出命令行界面了
ok在弹出命令窗口后我们就可以开始初始化这个空文件夹了
输入命令 vue init webpack 项目名（myvue）
注意这里的项目名随便取，初始化完成后它会在vuedemo下生成一个 myvue的文件夹，初始化后的东西都在myvue目录下
接着按下上面的命令后就会出现一项一项的 选项，这里说明下
project name 是自己的demo名称 这里是myvue
project description 是默认的 A Vue.js project
author 是作者
vue bulid 一般选 standlone
最关键的是 下面的路由设置
install vue-router 选 y 一定要选 y 一定要安装这个的 ！！！
还有eslint检测 可以选 y 这个看自己情况，它是一套检测规范很多大公司都在用，这里安装的话，项目里面也可以自己关闭的，我是安装了自己在项目里配置关掉的
其它几个安装选项 都可以不安装 选 n
五 启动项目
进入myvue文件夹，打开文件夹下的cmd，或者 cd 进入myvue ，输入命令npm run dev 或者 cnpm run dev
启动完成后，cmd窗口中会有一个 localhost：xxxx 的url ，在浏览器打开这个 url 如果出现以下 页面，那么 恭喜你第一个 vue项目搭建成功了!
最新文章
- [LeetCode] Find the Difference 寻找不同
- information_schema.TABLES
- smith waterman算法
- ATMEL处理器自带USB CDC的Win7驱动问题
- go 的 protoc 插件调用逻辑
- Firefox火狐添加书签功能失灵解决办法
- Javascript中“==”与“===”的区别
- hdu 1702 ACboy needs your help again!
- CDHtmlDialog加壳HTML5页面跳转错误解决（原）
- C# 、winform 添加皮肤后(IrisSkin2) label设置的颜色 无法显示
- 彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇)
- grunt之concat、cssmin、uglify
- 配置hadoop-1.2.1 eclipse开发环境
- Android摘抄总结
- iOS - WKWebView加载不受信任的https (因用到IP地址加端口号去请求数据)
- linux使用bin文件安装jdk
- Alpine Linux
- 《垃圾回收的算法与实现》——GC复制算法
- React Native移动开发实战-4-Android平台的适配原理
- ubunto 16.04 lts 源