搭建vue开发环境的步骤

1.下载node,判断node是否安装成功 输入node -v ,输出node版本号,即安装成功,
2.安装淘宝镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org;
安装成功后,就可以全局使用vue-cli 脚手架,输入命令:cnpm insatll --global vue-cli ,回车判断是否安装成功,
3.搭建完脚手架,创建新项目
vue init webpack my-project 回车,my-project是文件夹的名字
之后回车,直到看到vue-router ,项目中会用到,所以输入y回车,其他的暂时用不到,直接输n
4.进入文件夹 输入cd my-project 回车
5.安装依赖包 cnpm install
6.安装成功 在命令行输入 npm run dev 回车,启动项目。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
离线环境下搭建Vue开发环境步骤 1. 下载并安装Node.js:在离线环境中,需要事先准备好Node.js的安装包。首先,将安装包复制到离线环境中,并运行安装程序,按照指示完成Node.js的安装。 2. 安装npm:Node.js的安装包中已经集成了npm(Node Package Manager),因此在安装Node.js的过程中也会自动安装npm。 3. 下载Vue CLI脚手架:在离线环境中,需要提前下载Vue CLI的安装包。可以从Vue CLI的官方GitHub页面上下载对应的版本的安装包,并将其复制到离线环境中的合适目录下。 4. 安装Vue CLI:在离线环境中,可以使用本地已下载的Vue CLI安装包来安装Vue CLI。打开命令行工具,进入到Vue CLI安装包所在的目录,使用以下命令安装Vue CLI: ``` npm install -g @vue/cli-4.5.9.tgz ``` 安装完成后,可以通过以下命令验证Vue CLI是否安装成功: ``` vue --version ``` 5. 创建Vue项目:在离线环境中,可以使用Vue CLI创建一个新的Vue项目。在命令行工具中,进入到项目所在的目录,使用以下命令创建一个新的Vue项目: ``` vue create my-app ``` 其中,`my-app`为项目的名称,可以根据实际需要自行设置。 6. 运行项目:创建完成后,进入到项目的目录中,使用以下命令运行项目: ``` cd my-app npm run serve ``` 运行成功后,可以通过浏览器访问`http://localhost:8080`查看项目运行效果。 通过以上步骤,在离线环境中就可以成功搭建Vue开发环境,并创建和运行一个Vue项目。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值