如何新建一个vue2项目

178 阅读1分钟

1.安装 node.js(内置 npm)

详细教程:blog.csdn.net/weixin_5599…

2.使用淘宝镜像

国内直接使用npm的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。 【win+r】输入cmd,打开命令行窗口,输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后,就可以使用cnpm命令来安装模块了。

3.项目初始化

安装vue-cli

npm install vue-cli -g  // 全局安装 vue-cli

安装完成后,vue-cli文件夹会出现在你自定义的全局路径下。

1654309491646.png 查看vue-cli是否成功,不能检查vue-cli,需要检查vue:vue -V

1654309900349.png

cli2创建项目

vue init webpack  "项目名称"

1654311337466.png

安装完成后就会有下面的命令提示,按照提示一次输入

1654312295993.png

运行 npm run dev 之后会出现一个端口为 8080 的地址,将这个地址复制到浏览器中打开

1654312504330.png

sub-vue 项目目录结构如下

1654312639379.png

到此,项目搭建就完成了。

4.拓展

// 卸载淘宝镜像
npm uninstall cnpm -g 

// 卸载 vue-cli
npm uninstall vue-cli -g