Ubuntu16.04 安装 搭建vuejs开发环境

本文介绍如何在Ubuntu16.04上安装配置Vue.js开发环境,包括npm、cnpm及vue-cli的安装步骤,通过webpack模板创建项目的过程,以及项目的初始化与依赖安装。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Ubuntu16.04 安装 搭建vuejs开发环境

1. 安装npm
sudo apt-get install npm

2. 安装淘宝镜像,因为npm的源是国外的,有时候会比较慢
npm install -g cnpm –registry=https://registry.npm.taobao.org

3. 此时运行 cnpm-v 报错,提示 /usr/bin/env:node: 没有那个文件或目录。上网查了过后才知道,这是因为Ubuntu下已经有了一个名叫node的值,因此需要额外处理下:
sudo ln -s /usr/bin/nodejs /usr/bin/node
此时再执行 cnpm -v 时,可以显示出cnpm的版本号

4. 使用如下命令将vue-cli全局安装到系统环境中
sudo cnpm install -g vue-cli

5. 创建一个基于”webpack”模板的新项目my-vuejs(项目名称自定)
`sudo vue init webpack my-vuejs
此时会提示一些参数:
? Project name (my-vuejs) : #是否给定项目名称,否则使用括号内的名称,直接回车即可
? Project description (A Vue.js project) : #是否给定项目描述,根据个人需要
? Author (Lex <1612944051@qq.com>) : #作者
然后出现很长一段文字,直接回车
? Install vue-router? (Y/n) #是否安装路由,选择Y
? Use ESLint to lint your code? (Y/n) #选择n
? Setup unit tests with Karma + Mocha? (Y/n) #选择n
? Setup e2e tests with Nightwatch? (Y/n) #选择n
然后模板就下载完了。

6. 进入模板目录,使用install命令安装该模板所需依赖
$ cnpm install
7. 使用如下命令运行
$ cnpm run dev

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值