页面Vue简单的Sample 入门教程2

https://www.cnblogs.com/pengjunhao/p/6762141.html

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

 

https://www.cnblogs.com/yanxulan/p/8978732.html

 

 

查看node和npm的版本

node -v  或者  node --version

npm -v

cnpm -v

在中国为了提高效率，一般使用淘宝的镜像

http://npm.taobao.org/

npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了

 

 

 

假设上面的全部安装完毕，

全局安装vue-cli

　　npm install --global vue-cli

如果是在mac电脑上，记得先sudo下

安装完毕，查看下 vue --version

脚手架安装成功后，就可以自己创建一个新的项目。

 

 

选择合适的目录进去，

运行 vue init webpack FirstDemo之后敲击回车键

会自行下载一些模版，稍加等待，之后跳出一些需要填写的项目，如下

 

项目名称： 不支持大写字符了

项目描述：

一头雾水继续往下创建

 

创建完毕之后，进入目录下

cd FirstDemo

npm i  去下载需要的依赖

npm run dev

 

最后运行成功，告知了你的项目运行的url，自己打开浏览器输入，ok，出来了~~~

 

扫码关注我们

微信号：SRE实战

拒绝背锅 运筹帷幄