使用nodeJs安装Vue-cli

news/2024/7/10 2:45:07 标签: Vue

TIP:win10下安装,使用管理员身份进行,否则会有权限限制。

1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)

----想安装速度快点,可以使用淘宝镜像如下

----命令提示符执行 npm install cnpm -g --registry=https://registry.npm.taobao.org

  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

 

2,安装后,检查是否安装成功(显示版本则安装成功)。(vue -V)

 

3,使用vue建一个项目名叫“my-project”。(vue init webpack my-project)

----注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

----webpack-simple 相对简单的,它根目录下才有个 webpack.config.js。

 

4,注意:项目建立过程中,有如下选择,选择NO。(该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,可以避免不必要的麻烦)

----ESLint规范建议开启,加强代码规范

 

5,建立项目后,安装项目依赖npm install

 

6,安装成功,项目目录下多出一个node_modules文件夹

 

7,进入项目目录文件夹(my-project)中,就可以使用vue进行开发啦

 

8,使用npm run dev,便可以打开本地服务器实时查看效果(localhost:8080)

 

9,初始效果

 

10,退出监听,可以直接Ctrl+C,选择Y。


http://www.niftyadmin.cn/n/1495963.html

相关文章

积木大赛

题目描述 春春幼儿园举办了一年一度的“积木大赛”。今年比赛的内容是搭建一座宽度为n的大厦,大厦可以看成由n块宽度为1的积木组成,第i块积木的最终高度需要是hi。 在搭建开始之前,没有任何积木(可以看成n块高度为 0 的积木&#…

java 获取目标时间到当前时间中间的月份和每月最大时间

话不多说自己上代码: Date firstDate DateUtil.formate("2018-01-01", "yyyy-MM-dd");Date currDate new Date();Calendar calendar Calendar.getInstance();calendar.setTime(currDate);int lastDay calendar.getActualMaximum(Calendar.D…

如何真正的删除node及npm所有指令

如何真正的删除node及npm所有指令 首先先说下遇到的问题node -v是没有问题的 npm -v会报错 先贴上报错原因然后我按照网上能找的所有方法删除了node和npm,然后重装,发现还是失败的。经过一系列的搜索,发现我们在删除node后电脑中的注册表,注…

微信小程序--学习的案例

一、「程序秀」 「程序秀」这个小程序非常特别,因为它是一个可以帮助别人开发小程序的小程序。它以「即速应用」这个无需代码一键生成微信小程序的开发工具为基础,为广大开发爱好者提供小程序开发的最新资讯和培训课程,因此短短的时间里迅速在…

Linux忘记root密码的解决办法

这里以centos6为例: 第一步:先将系统重新启动,在读秒的时候按下任意键就会出现如下图的菜单界面: 第二步:按下『e』就能够进入grub的编辑模式,如图: 第三步:将光标移动到kernel那一行…

xshell功能大全(下)

本集接着同大家分享xshell功能的下集。看完本集xshell教程,大家就会对xshell能干什么就有了十分详细的了解了。 具体的内容如下: 终端 图1: xshell功能之终端设置 l 基于Unicode的终端缓冲区 l VT100、 VT220、 VT320、 XTERM、 LINUX、…

卸载node后重新安装vue-cli3.0失败,因为vue-cli没有卸载,

升级个vue-cli3.0,真的差点气死我了!一直卸载不掉! 我差一点就重装电脑了!百度,google翻了个底操天也没找到解决办法!最后放弃百度自己重头开始研究自己到底哪一步出错了! 所以我把自己遇到的问题&#xff…

Mac打开应用提示已损坏怎么办 Mac安装软件时提示已损坏怎么办

相信很多升级了最新Mac系统的用户在打开一些应用的时候都会出现“应用XX已损坏”的系统提示,安装这些应用的时候总是提示“已损坏,移至废纸篓”这类信息,根本无法打开应用,那么Mac打开应用提示已损坏怎么办?Mac安装软件…