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是热更新的。
- 1.vue 入门
- vue入门
- Vue入门
- Vue入门
- vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- vue入门
- Vue入门
- vue入门
- vue入门
- vue入门
- 快速乘法-hdu6063-2017多校第三场1008
- 35-备忘录
- XYNUOJ 1238: 盗梦空间
- C++ primer 开始
- 二十三种设计模式及其python实现
- 1.vue 入门
- 在Angular外部使用js调用Angular控制器中提供的函数方法或变量
- 如何使用纯CSS画出三角形之border法
- Regular polygon
- 设计模式3-抽象工厂模式
- 安卓城市列表
- c语言 linux下文件i/o 实现文件的复制
- STM32F107——OTG模块之USB设备之虚拟串口移植(一)
- filter()函数 map()函数