VUE环境配置步骤及相关Git Bash命令的使用

2018-01-18 09:42:00  浏览:1278  作者:管理员

 

组件式开发中,一定少不了Vue,废话少说,开始进行Vue应用前的关键性配置

备注:(为方便进行配置,提前可以安装Git bash,下载路径——https://git-scm.com/downloads,安装略)

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

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

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

未安装时,会显示 cnpm:command not found;那么就需要安装cnpm镜像了,

命令如下:npm install -g cnpm --registry=https://registry.npm.taobao.org

然后就是漫长的等待,完成后,记得再次检查下。

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

注意事项:

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

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

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

会报错!

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

 

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

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

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

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

 

弹出以下界面表示配置OK,之后就可以在该项目文件夹的src中创建各种开发组件。

注意,当执行进程完成后,弹出的地址端口不是8080,则表示该端口被占用,可忽略,

只使用弹出地址测试即可!

 

 

 相关链接地址:

其他博客地址:https://www.cnblogs.com/leehf/p/7256305.html

Vue安装教程:https://cn.vuejs.org/v2/guide/installation.html

淘宝NPM:http://npm.taobao.org/

评论区

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机新闻】

返回顶部