创建一个Vue项目的完整步骤

创建一个Vue项目的完整步骤

一、安装node、npm

1 下载链接：node下载
下载完毕后安装node，可以一直点击下一步，npm会随着node安装也安装上，环境变量也会自动配置
2 验证是否安装成功
window+R 输入cmd打开命令窗口
输入命令node -v npm-v 显示版本号后则表示安装成功

二、配置全局环境

window+R 输入cmd打开命令窗口
在命令窗口中输入命令npm install vue-cli webpack -g并等待

三、新建vue项目并初始化webpack

打开一个你想创建项目所在的文件夹 按下shift+鼠标右键启动 命令窗口
在命令窗口中输入命令vue init webpack myVue并等待(其中myVue为自定义的项目名)

注：以下步骤四五六中的命令必须在当前项目下启动命令窗口

四、安装vue项目依赖的包

1 在命令窗口中输入命令npm install并等待
2 安装完毕之后输入命令npm run dev开始启动项目

五、编写项目代码及一些其他项目需求

六、对项目进行压缩打包

项目代码编写完毕之后，执行命令npm run build build项目即可

---

使用淘宝NPM镜像

运行命令行 npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了

	`cnpm install `