vue入门新建vue项目

vue入门新建vue项目

原创  2017年04月14日 09:58:54

• 2245
• 0
• 0

首先要安装好node.js，然后才可以用vue。

设置淘宝镜像：大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

[html]  view plain  copy

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

这样就可以使用 cnpm 命令来安装模块了： cnpm install [ name ]

安装webpack 

cnpm install webpack-g

安装vue脚手架

npm install vue-cli-g

在硬盘上找一个文件夹放工程用的，在终端中进入该目录

cd目录路径

然后就可以创建vue项目了

环境要求：  安装有 Node.js、 vue、 vue-cli 。

创建项目：

vue init webpack projectName

进入项目，下载依赖：

npm install 或者 cnpm install

运行项目：

npm run dev

这样就算构建成功了，现在可以看到这个页面