构建vue项目的相关命令

Posted 2022-11-28 Lee_Sung

前提是node、webpack、vue-cli等等已经装好了，然后用如下命令进行项目构建，过程中会有提示，包括工程名、作者、是否使用路由，构建完成后是否执行npm install等等（如下图，也可以试试yarn，前提是得装了yarn，这个貌似比较快，或者选择不处理，后面自己执行isntall，在构建完成后，用cnpm isntall进行安装。npm isntall总卡住，无解。）

vue init webpack <projectName>	#以webpack模板构建新的vue工程，projectName是工程名
或：
vue init webpack-simple <projectName>	#以webpack-simple模板构建新的vue工程，projectName是工程名，这两个构建方式用其一，两种构建方式的目录结构内部有差异，详细区别未深入了解

或者，在https://github.com/vuejs-templates/下载webpack（或 webpack-simple）模板，把解压出的文件夹放在C:\\Users\\Administrator.vue-templates，然后用如下命令进行离线构建

vue init webpack project --offline
或：
vue init webpack-simple project --offline

构建完成以后，进入工程目录，执行

cnpm i	 #同cnpm isntall

完成后，在工程目录下会出现node_modules目录，里面存放的是相关模块的依赖。