Vue搭建项目，从0到1

末蓝、 2021-10-23 15:26 430阅读 0赞

参考链接：[https://blog.csdn.net/inthuixiang/article/details/82225407][https_blog.csdn.net_inthuixiang_article_details_82225407]

【总：安装脚手架，安装依赖。】

1.安装node.js

2.安装npm

3.或者安装cnpm

使用淘宝镜像安装：

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

完成后，cnpm -v 查看版本号，出现版本号说明已安装成功

![20190815162822846.png][]

4.安装脚手架 vue-cli

**cnpm install -g vue-cli**

5.查看Vue版本号

**vue -V**

6.用脚手架（vue-cli）创建一个基于webpack的项目

编辑器VS code打开新建的项目，用命令行开始：

**vue init webpack**

7.安装依赖

**cnpm install**

![20190815164304632.png][]

8.运行项目

**cnpm run dev**

![20190815164507998.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b3BlaXNp_size_16_color_FFFFFF_t_70][]

9.到这，架子就搭完了，之后根据需要去写项目即可。

main.js是入口文件

router 文件夹用来配置路由

[https_blog.csdn.net_inthuixiang_article_details_82225407]: https://blog.csdn.net/inthuixiang/article/details/82225407
[20190815162822846.png]: /images/20211023/edee098f69bc4e358d1be3604905c12b.png
[20190815164304632.png]: /images/20211023/d09b1071454f4bcfa14c652a8cf1b76e.png
[20190815164507998.png]: /images/20211023/125f981522684ca68865dc0c92b6b9ee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b3BlaXNp_size_16_color_FFFFFF_t_70]: /images/20211023/90771dc467774c4fae7da5e4aebc5b96.png

发表评论取消回复

表情：

评论列表（有 0 条评论，430人围观）

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

相关阅读

相关从0开始写Vue项目-环境和项目搭建

什么是VueVue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)2.介绍与描述动态构建用户界面的渐进式JavaScript框架作...

分手后的思念是犯贱/ 2024年05月06日 23:01/ 0 赞/ 78 阅读

相关 Webpack 环境搭建（vue）：从 0 到 1

ebpack 的[官方教程][Link 1]对于 webpack 的入门的各个部分已经讲得分清楚了。但从自身来说，教程看了很多遍，知识总还是像教程一样，零散的分布在脑子里...

Myth丶恋晨/ 2024年04月17日 06:31/ 0 赞/ 82 阅读

相关 vue+leaflet : 从0 到1 搭建开发环境

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 本系列教程是在vue2.X的基础上加载leafl

怼烎@/ 2024年04月07日 14:01/ 0 赞/ 89 阅读

相关 vue+MapboxGL：从0 到1 搭建开发环境

本系列教程是在vue2.X的基础上加载mapbox 程序，来开发各种示例程序。安装顺序 1，下载安装nodejs![dd351f76b9d2119de5d8bf3d

小灰灰/ 2024年03月23日 11:07/ 0 赞/ 91 阅读

相关从0到1搭建组件库

你们有没有听说过「前端工程化」这个词？相信最近去大厂面试的朋友们一定不陌生，因为现在大厂面试都对「前端工程化」有要求。 ![a58ba486da85bb0ae826301b6

墨蓝/ 2022年09月08日 00:29/ 0 赞/ 206 阅读

相关从0到1搭建组件库

你们有没有听说过「前端工程化」这个词？相信最近去大厂面试的朋友们一定不陌生，因为现在大厂面试都对「前端工程化」有要求。 ![8ff9f6418230b0df19fa01f31

朴灿烈づ我的快乐病毒、/ 2022年08月28日 14:42/ 0 赞/ 201 阅读

相关从0到0.1：最简单的React项目搭建

本文原创地址：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/54677689][http_blog.csdn.

Dear 丶/ 2022年07月11日 09:29/ 0 赞/ 273 阅读

相关从0到1架构webpack+vue前端项目，你自己搭建过vue开发环境吗

前言: 平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 `npm run install` 安装依赖，`npm run se

喜欢ヅ旅行/ 2022年05月21日 12:09/ 0 赞/ 247 阅读

相关从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

1. 选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种：选择现成的项目模板、自己搭建项目骨架。选择一个现成项目模板是搭建一个项目最快的方式，模板已

清疚/ 2022年04月08日 11:21/ 0 赞/ 372 阅读

相关 Vue搭建项目，从0到1

参考链接：[https://blog.csdn.net/inthuixiang/article/details/82225407][https_blog.csdn.net_in

末蓝、/ 2021年10月23日 15:26/ 0 赞/ 431 阅读