搭建VUE开发环境

1、下载node.js(网址:http://nodejs.cn),然后安装nodejs。安装Git bash:https://git-for-windows.github.io/

2、window+r打开控制台,输入node -v,检查nodejs是否安装完毕(安装好的话会有nodejs版本号出现)

3、 npm config set registry https://registry.npm.taobao.org,由于npm太慢,所以安装淘宝npm镜像

4、npm config get registry,检验淘宝npm镜像是否安装成功

5、npm install -g cnpm --registry=https://registry.npm.taobao.org,全局安装

6、通过cnpm使用

7、cnpm install --global vue-cli,全局安装vue-cli脚手架,命令行输入vue检查是否安装成功(回车后显示vue信息则成功)

8、建立新项目:vue init webpack teamtop,teamtop是项目文件夹名字,然后一直回车确定,(最好把项目放在除c盘外的盘,改盘直接在命令行输入d:)。下面是网上百度的经验:

1.新建;新建项目文件夹(或称“目录”),进入新建的项目文件夹,右键选择“git bash here”,弹出命令框;

2.检查;在命令框中输入 node -v检查是否安装有node(必须有node后续才能运行);

输入 cnpm -v(同上,如已安装,会显示安装的版本号)

3.继续输入mkdir 项目名 && cd 项目名(新建项目及打开项目);(以下步骤按图执行)

注意事项:

1).在mkdir 项目名时,项目名中千万不能含有大写字母,否则在执行命令——vue init webpack时,

会中断,提示不可有大写;

2).unit tests 和 e2e tests是用来进行单元测试的,不选N,可能存在后期项目执行不了的情况,

会报错!

3).执行进程大约需要1min~10min不等,期间建议不要进行任何操作,避免干扰执行

搭建VUE开发环境

4.执行进程完成后,会自动弹出项目路径

搭建VUE开发环境

5.进入项目文件夹查看文件;

6.输入npm run dev ,运行项目

项目进程执行完成后,会弹出一串带端口的地址,将改地址copy到浏览器地址栏查看,

相关文章:

  • 2021-05-24
  • 2021-05-30
猜你喜欢
  • 2021-04-28
  • 2021-10-19
  • 2021-05-07
  • 2021-11-02
  • 2021-10-23
相关资源
相似解决方案