zoukankan      html  css  js  c++  java
  • 使用vscode +vue的初始环境搭建

    1首先安装node.js

    下载Node.js,去官网https://nodejs.org/en/download/下载

    选择Windows Installer (.msi)64位版本,直接一路next 就好了。

     验证安装

    2 安装cnpm

    有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以还需要npm的国内镜像—cnpm

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

    之后可以用cnpm代替npm来安装依赖包

    3 安装vue-cli脚手架

    npm install -g @vue-cli

    接下来就可以使用vue-cli来构建项目

    方式一:命令行创建

    首先选定目录,并切换到选定目录

    vue init webpack vue001

    nit:初始化

    webpack:构建工具,即整个项目基于webpack构建

    MyVue:整个项目文件夹的名称

    (这个构建的文件夹也太大了。100M 以上)

    这样创建的项目只是一个结构框架,整个项目需要的依赖资源都还没有安装@@

    用这个

    关于

    要不要用脚手架vue-cli :小项目还是不用了。

    https://blog.csdn.net/xinsiyu2008/article/details/109660656

    不使用脚手架构建项目怎么做?

    4 安装webpack

    cnpm install -g webpack

    5 安装项目依赖资源

    切换到项目文件夹下,执行 cnpm install (前面已经用cnpm代替npm)

    6 运行项目

    在项目目录下,执行 npm run dev ,项目会以热加载的方式运行

  • 相关阅读:
    CSS权重
    object.create(null) 和 {}创建对象的区别
    CSS边框作图
    细说HTML头部标签
    利用a标签导出csv文件
    细说CSS伪类和伪元素
    HTML标签的权重
    《SPA设计与架构》之客户端路由
    《SPA设计与架构》之JavaScript模块化
    《SPA设计与架构》之MV*框架
  • 原文地址:https://www.cnblogs.com/yansc/p/14263383.html
Copyright © 2011-2022 走看看