NVM安装——VUE项目创建

1.npm install -g @vue/cli

2.更新nvm版本:npm install -g npm(确保你的 npm 版本是最新的,有时旧版本的 npm 可能存在问题)

3.安装淘宝镜像 命令: npm install -g cnpm --registry=        https://registry.npm.taobao.org

                也可以切换到其他的镜像源:

                        以下命令为 将源切换到官方源:

                        npm config set registry https://registry.npmjs.org/

清理npm缓存,可以解决一些下载问题:npm cache clean --force

4.查看当前镜像命令:npm config get registry (如果你看到输出是 https://registry.npmmirror.com/ 或者 ,说明设置成功。)

5.全局安装 vue-cli 在cmd中输入命令 npm install -g @vue/cli 安装完成之后输入 vue -V(注意这里是大写的“V”)

6.用vue-cli来构建项目:


1. 首先在D盘新建一个文件夹(vuedemo)作为项目存放地,然后使用命令行cd进入到项目目录输入:vue create xxxx 创建vue项目(xxxx是你的项目名称,自定义),出现下图表示成功。

2.然后进入下面的选择,Enter是确认选择,上下键是换选择,第二页的*是用空格来取消标记


01、选择第三项: Manually select features

02、选择 Babel 、Router

03、选择:2.x

04、输入Y

05、选择:  In package.json

06、输入:N

07、出现如下结果表示成功。(这里要经过漫长的等待项目加载配置文件,成功后会出现如下界面)

08、成功后输入框输入 cd  项目名 进入项目名称里, 这里我的项目名称为vuedemo,进入后输入:npm run serve  如果显示运行失败,那就重复执行  npm run serve 一直到如下界面出现。

09、在浏览器中输入图片中的域名,就能看到如下页面了。

最后用idea打开用vue创建的项目即可

file==>settings==>Plugins  搜索vue 点击下载即可

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值