第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

vue-cli 腳手架開發(fā)環(huán)境搭建

標(biāo)簽:
Html5 JavaScript Vue.js

ps:node和git的安装自己到官网查看
1.node环境的准备
图片描述
2.安装淘宝镜像

打开命令行工具输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
(如果用git的命令行工具执行报错,就换用cmd命令行工具去执行)
安装完成之后输入 cnpm-v,如下图,如果出现相应的版本号,则说明安装成功。
图片描述
3.安装webpack

输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。
图片描述
4.安装vue-cli

输入:npm install --g vue-cli,安装完成之后输入 vue -V(注意-V大写),如下图,如果出现相应的版本号,则说明安装成功。
图片描述
5.用脚手架搭建项目

在命令行输入:vue init 模板名称  项目名称
(例如:vue init webpack-simple bxwManger)
图片描述
ps:vue提供5个常用模板,可以根据自己的需求来进行下载

  • simple  个人觉得一点用都没有(就是一个页面引入vue.js)
  •  webpack 可以使用大型项目(包含了Eslint 检查代码规范模块和单元测试模块)   
  • webpack-simple 个人推荐使用, 没有代码检查 √
  • browserify ->  自己看  
  • browserify-simple

成功之后进入项目文件夹安装依赖:

cd bxwManger

cnpm install

文件夹目录
图片描述
运行项目:npm run dev,如下图,则说明安装成功。
图片描述
6.项目打包

打包,因为不可能将这个项目就这样部署上去,需要将页面打包,打包命令为

npm run build

打包
图片描述
打包完成后,会在根目录下生成一个dist文件夹,这就是最后的成品页面
有疑问参考链接:https://www.jianshu.com/p/2769efeaa10a有相应的解决办法
7.vue-devtools调试工具的安装

vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。

工具安装参考链接:https://segmentfault.com/a/1190000009682735

點(diǎn)擊查看更多內(nèi)容
7人點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評(píng)論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消