vue入门新建vue项目

首先要安装好node.js，然后才可以用vue。设置淘宝镜像：大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 npm install-gcnpm --registry=https://registry.npm.taobao.org这样就可以使用cnpm 命令来安装模块了：cnpm install[name]安装

bruceyangjie

25343人浏览 · 2017-04-14 09:58:54

bruceyangjie · 2017-04-14 09:58:54 发布

首先要安装好node.js，然后才可以用vue。

设置淘宝镜像：大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

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

这样就可以使用 cnpm 命令来安装模块了： cnpm install [ name ]

安装webpack

cnpm install webpack-g

安装vue脚手架

npm install vue-cli-g

在硬盘上找一个文件夹放工程用的，在终端中进入该目录

cd目录路径

然后就可以创建vue项目了

环境要求：安装有 Node.js、 vue、 vue-cli 。

创建项目：

vue init webpack projectName

进入项目，下载依赖：

npm install 或者 cnpm install

运行项目：

npm run dev

这样就算构建成功了，现在可以看到这个页面

这样就算是入门demo构建成功了，后续章节，请继续关注。

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}$/, //不连续的两位字母// /^