vue项目中搭建脚手架

朴灿烈づ我的快乐病毒、 2022-02-13 09:59 386阅读 0赞

一、安装
1.安装nodejs（自带npm）
2.安装cnpm
命令窗口:npm install -g cnpm --registry=https://registry.npm.taobao.org;
3.全局安装webpack
命令窗口:npm install webpack –g;
4.安装vue-cli脚手架构建工具
命令窗口:npm install vue-cli –g;

二、使用vue-cli构建项目
1.准备一个文件夹作为你的工作空间（以后的每个项目都在文件夹下）如：e:\workspace

  1. 安装vue脚手架
    在工作空间的目录下运行 vue init webpack 项目名称
    在这里插入图片描述

3.安装项目依赖
命令窗口：npm install;
4.安装 vue 路由模块 vue-router 和网络请求模块 vue-resource;
命令窗口：npm install vue-router vue-resource —save；
5.vue脚手架构建的项目目录结构

" class="reference-link">在这里插入图片描述

三、启动项目测试安装是否成功
命令窗口：npm run dev;
看到如下画面说明安装成功，默认端口号是8080
在这里插入图片描述
四、运行
在地址栏中输入http://localhost:8080/\#
看到下图,说明成功了，恭喜您，亲！
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，386人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue脚手架搭建

    vue2:脚手架搭建 简介 vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是...

    朱雀朱雀/ 0 赞/ 165 阅读

    相关 第一个Vue脚手架项目搭建

    ①安装node运行环境 我这里node环境是已经安装完毕了，具体安装的步骤就不演示了，需要注意的是版本 不能太低，否则版本过低会出现问题。 ![在这里插入图片描述]

    Bertha 。Bertha 。/ 0 赞/ 414 阅读

    相关 搭建Vue脚手架

    一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安

    野性酷女野性酷女/ 0 赞/ 505 阅读