首页 > 其他 > 详细

vue安装到本地运行完成

时间:2019-09-10 13:05:09      阅读:80      评论:0      收藏:0      [点我收藏+]

使用vue-cli 搭建项目的时候需要nodejs。

你也可以用script标签引入vue.min.js这样的,没人拦你,在js里实例化vue,也行。

node.js下载路径:https://nodejs.org/en/

下载完后和安装普通软件都一样,下一步下一步安装即可。

安装完成后,测试一下是否安装成功

技术分享图片

由于npm资源是国外的,对于国内用户来说,你懂的,速度慢并且会导致npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm:https://npm.taobao.org/

安装cnpm:

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

持久使用:

npm config set registry http://registry.npm.taobao.org

// 配置后可通过下面方式来验证是否成功
npm config get registry
// 或
npm info express

安装webpack:

cnpm install webpack -g

安装vue-cli脚手架构建工具:

 cnpm install --global vue-cli

Vue项目

执行一下命令:

vue init webpack my-project

如果你的vue版本是高版本

vue create
my-project

官方文档上说 Vue CLI 2 是被 Vue CLI 3 覆盖的。如果你仍然需要使用旧版本的 vue init 功能还是可以实现的,只需要使用以下命令:

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

 

命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。first_vue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中。

 

vue安装到本地运行完成

原文:https://www.cnblogs.com/xiaobug/p/11496294.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!