Vue环境搭建 + IIS服务器部署

Vue环境搭建 + IIS服务器部署

Vue环境搭建

NodeJS安装

node --version

npm安装

npm -v

cnpm安装

npm install -g cnpm 

安装Vue

cnpm install vue@next

安装Vue-cli

cnpm install -g @vue/cli

vue --version

安装vue/cli-init

cnpm i -g @vue/cli-init

创建项目

$ vue init webpack runoob-vue3-test
# 这里需要进行一些配置，默认回车即可
? Project name runoob-vue3-test
? Project description A Vue.js project
? Author runoob 
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "runoob-vue3-test".


# Installing project dependencies ...
# ========================

...

运行并安装

$ cd runoob-vue3-test
$ cnpm run dev

打包项目

cnpm run build

生成dist文件夹

IIS服务器部署

搜索: 打开或关闭Windows功能

勾选 Internet Information Services

搜索：IIS

添加网站

管理dist文件夹、输入Ip和端口。