Vue环境搭建

第一步下载Node.js安装包  http://nodejs.cn/download/

打开命令行,输入

node -v

查看版本号,如果显示版本号则安装成功。


第二步,安装淘宝镜像https://npm.taobao.org/

第一步命令行后输入 以下一行命令,(上边网址里边的)


第三步:安装Vue命令行工具 vue-cli

在输入淘宝镜像后输入 

# 全局安装 vue-cli ,前边安装了cnpm。可以用cnpm安装vue-cli了

$ cnpm install --global vue-cli


第四步,创建项目, https://zh.nuxtjs.org/guide/installation

$ vue init nuxt-community/starter-template <project-name>

project-name是你将要创建的项目的名称,例如我要创建的项目名称是vueDemo,而我要在桌面创建,

我需要在输入这行命令之前先进入桌面。在进行创建。


回车之后会出现三行信息。分别是1、项目名称,2、项目描述,3、作者

可以直接点回车不用管,我这里是输入了项目名称和作者。

实际上可以不用输入。会默认带的有。注意看成功后我打开的http://localhost:3000/ 的页面(在下面)




第五步安装依赖包。运行项目 详细参考 https://zh.nuxtjs.org/guide/installation

先进入自己的项目再进行安装,

$ cd <myproject-name>
$ cnpm i

等待一会再输入 

$ cnpm  run dev


显示如下则表示成功


地址栏输入 http://localhost:3000/ 


====================End

最后一部也可以不使用淘宝镜像的 cnpm,而继续使用npm

npm i 和 npm run dev 



  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Ubuntu上搭建Vue环境,可以按照以下步骤进行操作: 1. 首先,更新软件源和软件列表,可以在命令行中输入以下命令来完成: sudo apt update 2. 安装Node.js,可以在命令行中输入以下命令来完成: sudo apt install nodejs 3. 检查Node.js的版本,可以在命令行中输入以下命令来完成: node -v 4. 安装npm (Node包管理器),可以在命令行中输入以下命令来完成: sudo apt install npm 5. 检查npm的版本,可以在命令行中输入以下命令来完成: npm -v 6. 由于npm的下载速度较慢,建议安装cnpm (淘宝镜像的npm),可以在命令行中输入以下命令来完成: sudo npm install -g cnpm --registry=https***pm -v 8. 安装Vue脚手架工具vue-cli,可以在命令行中输入以下命令来完成: sudo cnpm install -g vue-cli 9. 检查Vue的版本,可以在命令行中输入以下命令来完成: vue -V 10. 创建Vue项目,可以在命令行中输入以下命令来完成: sudo vue init webpack demo 11. 进入项目文件夹,可以在命令行中输入以下命令来完成: cd demo 12. 安装项目依赖,可以在命令行中输入以下命令来完成: sudo cnpm install 13. 运行项目,可以在命令行中输入以下命令来完成: sudo npm run dev 至此,你的Vue环境已经搭建完成。你可以通过访问项目的地址来查看项目。请注意,这个地址只能在你的电脑上进行访问。如果你想要在服务器上部署Vue项目以便外网访问,请参考相关教程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值