Vue搭建项目，从0到1

末蓝、 2021-10-23 15:26 405阅读 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 条评论，405人围观）

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

相关阅读

相关 vue3从0到1

vue3从0到1 现在开发发布了视频教学，欢迎大家前往收藏学习点击前往----》[vue3从0到1][vue3_0_1] [vue3_0_1]: https://ed

秒速五厘米/ 2022年11月09日 12:38/ 0 赞/ 320 阅读

相关从0到1搭建组件库

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

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

相关从0到1搭建组件库

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

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

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

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

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

相关 Vue2.0 新手入门 — 从环境搭建到发布

什么是 Vue.js？ Vue.js 是用于构建交互式的 Web 界面的库。 Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

阳光穿透心脏的1/2处/ 2022年06月07日 09:25/ 0 赞/ 215 阅读

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

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

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

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

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

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

相关从0到1搭建消息推送管理平台

> 本文意在帮助大家从零到一，搭建一套较为完善的公司内部消息推送管理平台，对公司内部各业务线、产品线的消息推送进行统一管理、统一发送。 ![fKHuiNoGnIOGUhHOG

我不是女神ヾ/ 2021年12月12日 22:19/ 0 赞/ 480 阅读

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

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

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

相关从0到1搭建一款页面自适应组件（Vue.js）

组件将根据屏幕比例及当前浏览器窗口大小，自动进行缩放处理。建议在组件内使用百分比搭配flex进行布局，以便于在不同的分辨率下得到较为一致的展示效果。使用前请注意将bo

偏执的太偏执、/ 2021年09月07日 06:11/ 0 赞/ 591 阅读