首页 > 技术文章 > 从0开始创建一个VUE项目

jgf4536558 2021-12-07 20:02 原文

1. 下载nodejs,下载地址:https://nodejs.org/en/download/

2. 查看安装版本,执行命令:

  node -v

  npm -v

3. 安装 cnpm:

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

4. 安装vue-cli脚手架构建工具:

  npm install -g vue-cli

5. 创建项目

  5.1 在项目目录文件夹下进入cmd控制台。

  5.2 执行创建命令(如果报错请参考补充说明):

    vue init webpack projectname 

  5.3 一路回车键直到创建成功。

6. 启动项目:

  6.1 进入项目目录

    cd projectname 

  6.2 安装依赖

    npm install

  6.3 启动命令

    npm run dev

  6.4 浏览器访问 http://localhost:8080

 

补充说明

1. 执行创建命令时报错:vue-cli · Failed to download repo vuejs-templates/webpack-simple: unable to verify the first certificate

解决办法:下载模板到本地,离线生成项目文件

下载地址:https://github.com/vuejs-templates  建议下载webpack-simple,webpack有坑(类似严格模式,多个空格都会报错)。下载直接点Clone or Download 里的 Download ZIP。

下载后解压到 C:\Users\当前用户名\.vue-templates (没有 .vue-templates目录就创建一个)。

然后在项目文件夹下重新执行:

  vue init webpack-simple projectname --offline

 

2. 这里的 projectname 不能有大写字母,否则报错。

 

推荐阅读