NPM 方法安装vue.js，初始化项目并启动

1、安装node.js在node.js官网下载相应的版本，安装（一直next）node.js官网：https://nodejs.org/zh-cn/ 2、查看npm版本（版本低于3.0需要升级）# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g3、安装淘宝npm镜像cnpm（npm安装速度很慢，使用淘宝的镜像速度很快

walton_an

8811人浏览 · 2017-11-09 14:57:25

walton_an · 2017-11-09 14:57:25 发布

1、安装node.js

在node.js官网下载相应的版本，安装（一直next）

node.js官网：https://nodejs.org/zh-cn/

2、查看npm版本（版本低于3.0需要升级）

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g

3、安装淘宝npm镜像cnpm（npm安装速度很慢，使用淘宝的镜像速度很快）

npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装vue（安装需要的包，json数据等，我也不懂）

# 最新稳定版
$ cnpm install vue

5、搭建大型单页应用

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目（my-projrct为项目名，任意修改）
$ vue init webpack my-project

6、进入项目，安装并运行

$ cd my-project（切换至项目目录）
$ cnpm install（安装依赖所需要的包）
$ cnpm run dev（启动运行项目）

7、访问http://localhost:8080/，输出结果如下：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^