vue安装到本地运行完成

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

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

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

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

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

1.png

由于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是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中。

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