vue-cli的安装，启动！！！！

node中使用npm安装好vue和配置path后命令行工具Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：# 全局安装 vue-cli$ npm install --global vue-c

java-wujun

7207人浏览 · 2017-03-18 09:43:47

java-wujun · 2017-03-18 09:43:47 发布

node中使用npm安装好vue和配置path后

命令行工具

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

     
     
      
      # 全局安装 vue-cli
     
     
     
     
      
      $ npm install --global vue-cli
     
     
     
     
      
      # 创建一个基于 webpack 模板的新项目
     
     
     
     
      
      $ vue init webpack my-project
     
     
     
     
      
      # 安装依赖，走你
     
     
     
     
      
      $ 
      
      cd my-project
     
     
     
     
      
      $ npm install
     
     
     
     
      
      $ npm run dev

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，熟悉 Vue 本身之后再研究 CLI。

如果执行vue命令报错不是内部或者外部命令！！！请看我的相关文章去配置path!!

根据官网提示（依次执行！！！）

创建一个基于 webpack 模板的新项目

# 安装依赖，走你

根据提示确实找不到！！

然后下载压缩包放到指定路径,

再一次执行 npm -install，

最后文件夹下是这样的！

执行npm run dev

访问改地址：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}$/, //不连续的两位字母// /^