vue集合了angular和react的优点,像angular的模块化,
1.webstorm的安装
https://www.jetbrains.com/webstorm/
webstorm激活 http://www.imsxm.com/jetbrains-license-server.html
2.node的安装the error code is 2503
安装有多种方式,https://nodejs.org/en/ 可以直接在官网,下载安装版安装,这种方式很简单粗暴,下一步就解决
win8 http://jingyan.baidu.com/article/a501d80cec07daec630f5e18.html
注意:安装的每个node版本中已经自带了一个npm,npm是node的一个包管理工具
3.安装安装cnpm工具,它是中国版的npm镜像库,地址在这里:https://cnpmjs.org/,也是npm官方的一个拷贝,因为我们和外界有一堵墙隔着,所以用这个国内的比较快,淘宝也弄了一个和npm一样的镜像库,http://npm.taobao.org/,它和官方的npm每隔10分钟同步一次。
安装方式:npm install -g cnpm --registry=http://r.cnpmjs.org
或者用淘宝的npm install -g cnpm --registry=https://registry.npm.taoba.org
安装好了cnpm后,直接执行cnpm install 包名比如:cnpm install bower -g 就可以了。-g只是为了把包安装在全局路径下。如果不全局安装,也可以在当前目录中安装,不用-g就可以了。
4.全局安装vue-cli
cnpm install -g vue-cli
最新的 vue 项目模板中,都带有 webpack 插件,所以这里可以不安装 webpack
5.生成项目
进入到项目目录,然后输入:
vue init webpack Vue-Project
其中 webpack 是模板名称
6.安装项目依赖
cnpm install
进入项目目录后执行该命令会发现,工程目录下多出了一个文件夹
7.运行项目
npm run dev /
node build/dev-server.js
有一点值得注意的是,vue是热更新的。