vue-cli安装与vue项目创建

Posted brucexl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli安装与vue项目创建相关的知识,希望对你有一定的参考价值。

首先查看npm版本     npm 是node的命令  没有的先安装node

然后执行 npm install -g vue-cli

  如果执行这句命令有问题,则需要将npm的仓库地址改为淘宝镜像

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

    然后再用cnpm安装vue-cli。

    cnpm i -g vue-cli

 

创建 vue项目

  vue init webpack <项目名称>

  后面根据提示选择或输入对应的字符串

  进入项目目录之后  执行npm run dev   vue就运行起来了

 

注意: 如果改变了npm的仓库地址仓库地址 则后面的 npm install 要改为 cnpm install 去安装vue的依赖

    将启动命令 npm run dev 改为 cnpm run dev

  

 

以上是关于vue-cli安装与vue项目创建的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli 3.x 与vue-cli 2.x构建项目的区别

新老版本vue-cli的安装及创建项目等方式的比较

使用vue-cli脚手架创建项目

3. 使用vue-cli创建项目

vue-cli 项目创建及项目结构说明

vue-cli 项目创建及项目结构说明