从零开始开发vue项目

先安装node.js ；

接着设置代理：

npm install -g cnpm --registry=https://registry.npm.taobao.org复制代码

设置完之后验证，打开node.js command prompt输入：

cnpm get registry
复制代码

如果显示：

则代理设置成功。

下面正式开始vue的开发：

先安装vue脚手架：

cnpm install -g vue-cli复制代码

安装成功后，接着安装webpack:

cnpm i webpack -g
复制代码

出现上图的内容，webpack就安装成功了。

接下来利用webpack里的项目模板，快速创建vue项目：

vue init webpack vued3Test
复制代码

这条指令表示初始化一个vue项目，用webpack里面的项目模板，项目名称为vue3dTest。这里创建的项目是稍微复杂一些的用于正式项目开发的模板。

从上图中可知：vue用快捷方式创建项目，是不支持项目名称中包含大写字母的。根据提示，可以选择是否对开发的代码进行静态检查和创建单元测试。创建完项目之后，进入项目根目录下，输入cnpm install安装项目所需的依赖。

项目所使用的依赖，可以查看package.json的dependencies和devDependencies里面的引用：

然后输入：

cnpm run dev复制代码

运行当前项目。

上图最后一行说明项目在本地运行的地址，输入地址就可以查看模板项目了。

到这里，一个vue项目就创建完成了。

，有些电脑可以代理有问题，不能用webpack初始化vue项目，解决方法：

到github上下载webpack或webpack-simple的项目包，然后解压到本地，用“vue init webpack本地路径 项目名称”的方式来创建。

转载于:https://juejin.im/post/5bc8a04fe51d450e76337107