vue环境安装.txt

本文详细介绍了如何在Linux环境下安装Vue开发环境,包括Node.js、Git、cnpm的安装,Vue CLI的设置,以及项目的初始化和依赖安装。通过遵循这些步骤,开发者可以顺利搭建Vue.js开发环境并启动项目。

1、安装 https://nodejs.org/
node --version
::::linux安装::::::
将安装包上传到指定位置(我习惯放到:/usr/local/目录),并解压
tar -xvf node-v10.6.0-linux-x64.tar.xz
重命名文件夹
mv node-v10.6.0-linux-x64 nodejs
通过建立软连接变为全局
ln -s /usr/local/application/nodejs/bin/npm /usr/local/bin/
ln -s /usr/local/application/nodejs/bin/node /usr/local/bin/
检查是否安装成功,命令:node-v
node -v
2、git安装安装地址:
https://git-scm.com/downloads
3、cnpm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
环境设置路径 C:\Users\Administrator\AppData\Roaming\npm
linux:
ln -s /usr/local/nodejs/bin/cnpm /usr/local/bin/
4、安装
cnpm install -g vue-cli
linux链接:
ln -s /usr/local/nodejs/bin/vue /usr/local/bin/
5、初始化
npm get registry
查看源>https://registry.npmjs.org/
npm config set registry http://registry.npm.taobao.org/
替换成淘宝的,否则很慢
vue init webpack project
是否安装编译器,到选择Vue  build方式时,有两种方式,第一种为standaloe方式,第二种runtime-only为runtime方式。runtime 打包的是/node_modules/vue/dist/vue.common.jsstandalone 打包的是/node_modules/vue/dist/vue.jsruntime 和standalone 这两种方式对普通用户使用起来没区别,选择第一个大多数用户使用的就可以了,然后按下Enter键。

是否vue安装路由,选择y,按下Enter键

是否使用ESLint,ESLint是一个用来识别ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格,也就是需要按照规范格式来写代码。可以选择y或者是n,按自己习惯需要,在这里选择n,按下Enter键。

是否安装unit test 测试工具,选择n,按下Enter键。

是否安装e2e测试工具,选择n,按下Enter键

项目创建后,是否直接使用命令安装依赖?第一个:是的,使用npm命令安装第二个:是的,使用Yarn命令安装第三个:不,自己手动安装

npm安装依赖的时候可能

6、进入项目 安装依赖
cd project
cnpm install

7、npm run dev
http://localhost:8080/#/ 打开测试成功

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值