vue-cli 3.x安装及项目创建

太过爱你忘了你带给我的痛 2021-12-11 10:53 351阅读 0赞

### 前提环境 ###

node.js      没安装点击 [https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn]

可通过

node -v
    npm -v

查看是否安装

### 安装过程 ###

1.**安装淘宝镜像，使用npm速度更快**

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

**2.安装vue-cli**

cnpm install -g @vue/cli

查看是否安装成功

vue --version

**3.创建vue项目**

//首先cd到要创建的目录，否则默认
    vue create vue-project
    //后选择no就可以了，选择yes会安装相关组件
    //接着选择default，使用默认模板

![20190819171152674.png][]

**4.部署本地运行**

cd hello-vue

cnpm run serve

![20190819181243690.png][]

之后在浏览器输入 [http://localhost:8080/][http_localhost_8080] 就能显示初始页面了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70][]

[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[20190819171152674.png]: /images/20211211/674f56283a1c4dee9f151b2667b7c5ac.png
[20190819181243690.png]: /images/20211211/8fa831dc293e498d9c019195fe15fae6.png
[http_localhost_8080]: http://localhost:23306/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70]: /images/20211211/3c2bba35796545b18582445b5b7578c8.png

发表评论取消回复

表情：

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

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

相关阅读

相关 VueCli3项目解决打包问题

背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！项目技术：VueCli3脚手

ゞ浴缸里的玫瑰/ 2023年09月26日 10:01/ 0 赞/ 95 阅读

相关 vuecli3 多页面配置

vuecli3 多页面配置项目结构 1. login文件配置（有配置路由） login文件目录 lo

落日映苍穹つ/ 2023年01月19日 03:24/ 0 赞/ 440 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 333 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 411 阅读

相关迅速创建Vue3.x项目

首先环境要求 node版本 12.13.0 命令行输入 Vue create jingdong 选择 Manually select features 选择 C

冷不防/ 2022年09月10日 03:18/ 0 赞/ 160 阅读

相关【vue】vue创建3.x项目

vue创建3.x项目转载自：[https://blog.csdn.net/weixin\_49257048/article/details/107436525][htt

淡淡的烟草味﹌/ 2022年09月03日 13:12/ 0 赞/ 138 阅读

相关 cocos2dx-3.0 X-code项目创建

1、目录改动每个版本都会有目录变动，这次的版本也不例外。最显眼的就是，在文件的根目录中增加了一个名为setup.py的配置文件。运行它可以配置系统的一些环境变量。

末蓝、/ 2022年08月27日 02:23/ 0 赞/ 214 阅读

相关 Cocos2d-x-3.2 创建HelloWorld项目

勤奋努力，持之以恒！开发环境： Mac OSX 10.9.3 Cocos2d-x-3.2 首先，打开终端cd到目录/cocos2d-x-3.2

妖狐艹你老母/ 2022年05月13日 05:52/ 0 赞/ 235 阅读

相关 vue-cli 3.x安装及项目创建

前提环境 node.js 没安装点击 [https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn] 可通过

太过爱你忘了你带给我的痛/ 2021年12月11日 10:53/ 0 赞/ 352 阅读

相关通过Webstorm创建一个Vue3.x项目

1、安装node.js 打开[node官网][node]，下载安装包进行安装 ![watermark_type_ZmFuZ3poZW5naGVpdGk_

╰半夏微凉°/ 2021年10月18日 15:36/ 0 赞/ 2015 阅读