npm/node package manag/node的包管理器
这是一个属于前端的时代?
环境准备
# vue + vue-cli
# npm i vue -g
# npm i vue-cli
## i/install
## -g/-global
## --save/-S = dependencies
## --save-dev = devDependencies
npm i @vue/cli -g
# initialization I
vue ui
## version issue = vue-cli > 3.0+
vue -V / -h
npm i --upgrade @vue/cli -g
# initialization II
npm i webpack -g
vue init webpack xxx
## cd xxx
npm install
npm run dev
# deployment I
npm run build (dist)
npm install -g serve
serve dist
# deployment II
# 1、package.js -> scripts 命令
# 2、webpack.dev.conf.js -> publicPath: config.dev.assetsPublicPath,
# Ctrl点击 -> index.js 文件
# 3、dev/开发环境,build/构建版本
# -> build - assetsPublicPath: '/'
# --> assetsPublicPath: './',即“/”前加点
# 4、npm run build
# 5、点击index.html,通过浏览器运行便,
# 6、动态绑定的static的图片找不到,static必须使用绝对路径跳到业务后台/管理框架(前端) vue-element-admin / ant desgin / d2admin / ivew(view ui)
# git clone https://github.com/PanJiaChen/vue-element-admin.git
git clone https://github.com/PanJiaChen/vue-admin-template.git
# enter the project directory
cd vue-admin-template
# install dependency
npm install
# develop
npm run dev
# http://localhost:9527>>>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。