当前位置: 首页 > 后端技术 > Node.js

教你从头开始创建Vue项目

时间:2023-04-03 18:14:52 Node.js

第一步是安装Node,下载Node,解压,双击node-v6.14.4-x64.msi(版本号可能不同)安装,然后在安装界面一直点击Next直到Finish完成安装。打开控制命令行程序(CMD),查看是否正常(查看node,npm版本号)。第二步,安装vue脚手架,在命令行运行npminstallvue-cli-g//全局安装vue-cli,查看vue-cli是否成功,不能查看vue-cli,需要查看vue,如下:第三步新建一个vue项目或者在命令行选择路径新建一个vue项目,然后运行vueinitwebpack"projectname",下面我用的是根目录下的项目名E盘目录为wukong新建vue项目创建完成后,在命令行cd到项目文件夹,如:cdwukong然后运行npminstall安装项目依赖。下载依赖后,运行npmrundev启动项目。出现下图启动vue项目。另:使用淘宝大家都知道直接使用国内官方的npm镜像是很慢的。这里推荐淘宝npm镜像。从命令行运行npminstall-gcnpm--registry=https://registry.npm.taobao.org以便您可以使用cnpm命令安装模块。如果是在内网开发,建议不要安装淘宝镜像。之前遇到过无法运行的问题,原因是内网无法连接外网,安装依赖也是需要网络的。所有的项目都可以在互联网机器上搭建,然后搬到内网开发。附上一些代码缩写-S:安装到线上环境--save-D:安装到开发环境--save-dev-g:安装到全局vue-cli-i:安装(等价)