1.vue 入门

来源:互联网 发布:c语言utf8转unicode 编辑:程序博客网 时间:2024/06/07 07:51

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是热更新的。






原创粉丝点击