Vue.js框架:官方命令行工具的安装和使用(三)


一、安装vue

  1、国内使用npm速度很慢,使用淘宝镜像进行安装:

  在cmd中输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

  如图所示:

  

  之后就可以使用cnpm来代替npm进行操作。

  2、使用cnpm安装vue:

cnpm install vue

  

二、安装vue-cli工具和简单应用

  vue-cli是官方提供的命令行工具。

  1、安装vue-cli:

  在cmd中使用命令:

cnpm install --global vue-cli

  

  2、创建一个简单项目:

vue init webpack hellovue

  以上命令是创建一个新项目,注意:这里创建的项目名称中不能包含大写字母

  

  一路Yes加回车,项目自动创建中:

  

  3、查看已创建的项目:

  进入项目中:

cd hellovue

  运行项目:

cnpm run dev

  运行完毕:

  

  打开执行后的页面网址http://localhost:8082,查看页面:

  

  4、webpack安装:

cnpm install -g webpack

  

  5、element-ui安装:

cnpm i element-ui -S

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM