vue-cli--项目的构建

1、node.js安装 https://nodejs.org/en/download/ .msi方便以后npm的使用 .命令行中输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node2、安装vue-cli npm install -g vue-cli .-g代表全局安装.命令行中输入vue -V检测你是否安装了vue-cli和版本情况。出现版本

大小都是愁

12959人浏览 · 2016-06-21 16:24:20

大小都是愁 · 2016-06-21 16:24:20 发布

1、node.js安装

https://nodejs.org/en/download/

.msi方便以后npm的使用

.命令行中输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node

2、安装vue-cli

npm install -g vue-cli

.-g代表全局安装

.命令行中输入vue -V检测你是否安装了vue-cli和版本情况。出现版本号说明你已经安装了

3、使用vue-cli初始化项目

vue init webpack my-project

 
   
  .init：表示我要用vue-cli来初始化项目 

 
  .webpack:模板名称(常用)，vue-cli提供了5种模板 webpack/webpack- simple/browserify/browserify-simple/simple 

 
  .my-progject:标识项目名称,自定义 

  
  .Project name :项目名称 ，注意不能使用大写 
 
  .Project description:项目描述 
 
  .Author：作者 
 
  .Install  vue-router? 是否安装vue的路由插件，自己决定 
 
  .Use ESLint to lint your code? ESLint一个代码语法规范检查工具。一般不需要 
 
  .setup unit tests ? 是否需要安装单元测试工具， 
  一般不需要 
 
  .Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试， 
  一般不需要

4、进到目录

cd my-project

5、安装模块下代码的依赖

npm install

6、开始运行

7、访问

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

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