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

太过爱你忘了你带给我的痛 2021-12-11 10:53 333阅读 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 条评论，333人围观）

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

相关阅读

相关 vuecli3 多页面配置

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

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

相关快速部署vuecli3 vuecli搭建 vuecli

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

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

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

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

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

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

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

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

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

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

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

相关 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 赞/ 224 阅读

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

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

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

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

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

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

相关 Vuecli3+express实现跨域

目录一，本地跨域二，线上跨域 -------------------- 一，本地跨域首先，本地服务器地址开放的是3000端口，云服务器上开发的是4

阳光穿透心脏的1/2处/ 2021年07月25日 17:22/ 0 赞/ 662 阅读

相关 VueCli3中加载Cesium.js

更多Cesium示例代码：[https://sandcastle.cesium.com/][https_sandcastle.cesium.com] 首先下载Cesium.

缺乏、安全感/ 2021年07月25日 11:54/ 0 赞/ 1463 阅读