nodejs使用vue从搭建项目到发布部署

都说是使用vue

脚手架自然用的是vue-cli

npm install vue-cli -g

建立项目

vue init webpack demo
//vue初始化 使用webpack 项目名称

这时候再输入命令 npm run build 进行发布

此时会生成dist目录,这就是生成出来的

然后直接:npm run dev 运行

部署可以选择新建一个目录,

安装express: npm install express;

还需要安装一个命令工具: npm install -g express-generator; //这个必须全局噻,不全局后面执行不了相关命令

创建一个express工程: express helloworld;

进入项目主目录: cd helloworld;

安装必备包: npm install;

启动程序: npm start;

把打包后的dist文件夹放在public文件夹里,这样就可以访问了

 

对于nodejs,我的学习方法就是直接搭,把一切关键环节先弄会咋整，能运行起网站来，会运行发布,再回头瞅瞅里面具体语法以及逻辑结构目录等东西

其实...会发现所有的东西都和C#,应该是所有的语言这些几乎都差不多是一个模式,难的地方也就是深入,而要深入的前提是你得经常使用...

 

 

参考文档：

https://baijiahao.baidu.com/s?id=1598768656156283772&wfr=spider&for=pc  [vue-cli 安装教程]

https://blog.csdn.net/jingtian678/article/details/80637948 [vue-cli安装+使用webpack打包发布+部署]

https://www.cnblogs.com/Nutrient-rich/p/7063058.html [Vue全家桶]

 

 

_{^{新版本安装请参考官网文档：}https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create}