一个菜鸟的互联网技术分享博客
您的位置: 主页 > 使用vue全家桶高仿小米商城--环境搭建
advertisement

使用vue全家桶高仿小米商城--环境搭建

1、安装node
 
2、安装vue,在控制台运行:npm install vue
 
3、安装脚手架工具(vue/cli)在控制台运行:npm install -g @vue/cli(4.0版本)   或者  nmp install --global vue-cli (2.0版本)  安装太慢了,建议安装个cnpm
      在控制台输入:npm install cnpm -g ,然后安装完了在输入:cnpm install @vue/cli -g   (建议使用这个,3分钟搞定)
      或者使用淘宝镜像安装也行,地址:https://registry.npm.taobao.org/    在控制台输入: npm config set registry  
 
4、创建vue项目  命令行:vue create mall(mall是项目名称)
 




运行上面的两个命令



一个vue项目就搭建好了,如下图所示:


6、安装vue-devtools


     6.1、电脑本地可以翻墙的就直接去google商店下载安装就可以

     6.2、Chrome插件扩展下载网下载安装包,或者下载这个:http://www.zhangren.online/download_file/devtools,如下图所示

     

   然后打开google浏览器
  从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 chrome://extensions/ 按下回车打开扩展程序页面


打开扩展程序页面的“开发者模式”



将crx文件拖拽到扩展程序页面,完成安装



最后一步其实是将你下载下来的安装包中的vuejs-devtools拖入扩展程序页面


随便你的浏览器上面就会出现一个vue的logo(记得重启浏览器),如下图所示:



6.3、到github上面下载zip包(安装太慢,不建议这种方法),地址和操作流程:https://github.com/vuejs/vue-devtools/tree/master
         在下载下面的文件家中打开运行工具,输入nmp install,然后npm build,然后将打包好的拖入浏览器即可
          

zhangren.online
上一篇:git提交时不用输入用户名密码的方法
下一篇:Vue项目运行时候出现:Mixed spaces and tabs...

您可能喜欢

回到顶部