vue 项目从 搭建到本地测试 再 搭建到服务器

本人也是初学vue 写的不好勿喷

之前写vue一直用的是直接引入 后面越用越感觉自己不是太专业  今天下午就研究了一下 使用手脚架搭建一个vue项目

首先需要三个运行环境,自己多检查一下

node -v(小写v) ；如果没有显示node版本，先去官网下载安装node
vue -V(大写V) ；如果没有显示vue版本，npm i vue-cli -g安装
webpack -v(小写v)； 如果需要重新安装，就用 npm install webpack -g

上面环境有了之后 进入你要搭建环境的文件夹

执行命令 全局安装 vue-cli

npm install -g vue-cli

 创建一个基于 webpack 模板的新项目  执行命令

vue init webpack test //test是项目名自己定义

会出现这些字段  不懂的可以百度下 就不多做解释了

等待结束之后

然后我们在执行命令下载项目所需要的依赖

npm install

最新运行项目执行的命令是   (这样子项目就跑起来了)

npm run dev //这串命令会出现在项目-->package.json 里面scripts:{start这个字段}

 

=========================================分割线=============================

放到服务器跑起来首先需要将项目打包执行命令

npm run build

生成dist 然后将dist里面的文件拷贝到服务器就行了