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://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
posted @ 2018-12-24 14:51  君宁天下  阅读(...)  评论(...编辑  收藏
野生程序员真的是太难了,一刻也不敢停止学习