使用vue-cli脚手架在vs code 建立vue项目

使用vs code 建立vue项目我们可以参考vue官网传送门1.首先我们要先安装nodejs 和 npm （百度有很多教程）2.我们主要是解读vue官网的流程当然可能还有很多的方法但是我作为新手先把自己可以创建的方法写下来下面是主要的步骤第一步使用powershell、cmd 或者git 安装vue

陈奕迅Coder

10362人浏览 · 2018-01-20 11:29:00

陈奕迅Coder · 2018-01-20 11:29:00 发布

使用vs code 建立vue项目

我们可以参考vue官网传送门

1.首先我们要先安装nodejs 和 npm （百度有很多教程）

2.我们主要是解读vue官网的流程当然可能还有很多的方法但是我作为新手先把自己可以创建的方法写下来

下面是主要的步骤

第一步使用powershell、cmd 或者git 安装vue

命令:npm install

第二步安装vue-cli 一个官方提供的命令行工具也是用powershell、cmd 或者git来执行语句安装

命令:npm install --global vue-cli

第三步我们到我们要建立的文件夹下也可以用如cmd 的 cd 命令切换过来，也可以直接在这个文件夹下用git 来执行命令

命令:vue init webpack my-project

当第三步完成后会有一些提示如下图

到这里的时候会有一些需要填写的东西比如项目名创建者等，到如上的选择步骤时我们看到官网的解释如下

我们这里选的是runtime-only 根据个人需求选择

我们根据自己的需求选择合适的配置

到如图位置时就是选择编码规范我们这里选的是standard，这里的airbnb（一种代码编写规范）

一直根据自己需求选择到这里我是选npm ，yarn没用过。只要没有报错就是创建成功了会出现如下图

由于我们是用vs code 来写vue的代码所以这一步过后我们就可以打开vue了

打开vs code后我们打开

这个文件

打开后可以看到

这时打开终端就能执行 npm install 当依赖都安装好后就运行 npm run dev 就可以根据提示访问默认的首页了

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