vue安装步骤(详细版)

vue安装步骤(详细版)目录 一 安装 node https so csdn net so search q node amp spm 1001 2101 3001 7020 js 环境 1 安装完成后验证 node js 是否安装成功 2 环境变量配置 二 安装淘宝镜像 cnpm 三 安装全局 vue 四 安装 vue 脚手架 1 安装 vue js 2 安装 webpack 模板

大家好,我是讯享网,很高兴认识大家。


讯享网

目录

    • 一、安装[node](https://so.csdn.net/so/search?q=node&spm=1001.2101.3001.7020).js 环境
          • 1.安装完成后验证node.js 是否安装成功
          • 2.环境变量配置
    • 二、安装淘宝镜像(cnpm)
    • 三、安装全局vue
    • 四、安装 vue脚手架
          • 1.安装vue.js
          • 2.安装webpack模板
          • 3.安装脚手架vue-cli
    • 五、创建vue项目(初始化一个vue项目工程)
          • 1.vue init webpack 项目名
          • 2、按提示代码进入到项目目录下并运行`npm run dev`
            • !!)npm run dev启动过程
          • 3.vue create 项目名(3.0版本)
    • 六、(google)添加vue-devtools
    • 七、开发工具用VS查看vue代码
          • 1、在VS code 中启动项目
    • 八、vue项目结构
          • 1、build:构建脚本目录
          • 2、config:项目配置
          • 3、node_modules:npm 加载的项目依赖模块
          • 4、src:这里是我们要开发的目录,基本上要做的事情都在这个目录里。
          • 5、static:静态资源目录,如图片、字体等。不会被webpack构建
          • 6、index.html:首页入口文件,可以添加一些 meta 信息等。
          • 7、package.json:npm包配置文件,定义了项目的npm脚本,依赖包等信息
          • 8、README.md:项目的说明文档,markdown 格式
          • 9、.xxxx文件:这些是一些配置文件,包括语法配置,git配置等
        • 九、vue项目结构(新版本)
小讯
上一篇 2025-03-01 10:35
下一篇 2025-03-27 07:13

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/22940.html